Flutter 不应该根据设计缩小或放大图像和文本吗？为什么我看到很大的不同？

Question

我有一个应该符合设计的应用程序，但我面临的问题是分辨率的差异使应用程序的内容与其他应用程序相比看起来很小。我提供了 2 种不同设备（Samsung Galaxy S10 5G 和 LG X500）的屏幕截图和原始 Sketch 设计来展示我想要弄清楚的内容。

我的设计师告诉我将 pt 转换为 dp 以解决我们当前面临的问题，但 Flutter 不是已经这样做了吗？我昨天找到了一个消息来源解释这个：What is unit of measurement in flutter

除了Flutter中常规的实现方式，我没有尝试过其他的，所以很迷茫，压力很大

2 台设备：

原图设计：

正文：

Text( '$', 
  style: TextStyle( 
    fontSize: 28, 
    color: Colors.white, 
    fontFamily: 'poppins_light', 
    height: 0.7 
  ), 
),

Image.asset('assets/images/refresh.png', height:16.0, width: 16.0,),

我想知道现在是否有更多的开发者遇到和我一样的问题，有什么样的解决方案可以解决我现在面临的问题。

编辑：

我想出了一个更好的替代方案，可以使用以下代码放大文本（插入代码的 MaterialApp widget/root 中）：

builder: (context, child) {
  return MediaQuery(
    child: child,
    data: MediaQuery.of(context).copyWith(textScaleFactor: 1.20),
  );
},

Answer 1

事实是，DP 与屏幕尺寸的比例不是恒定的。

Flutter 确实使用了 DP，但该单元的规格使其可以 bigger/smaller 出现在不同的屏幕上。

因此，您应该只使用设计师提供的值，顺其自然。

Isn't flutter supposed to scale down or up images and text based on the design? Why am I seeing a big difference?