Flutter:如何根据设备的屏幕大小调整文本大小

时间:2019-12-13 15:47:28

标签: flutter dart

在扑朔迷离中,如何根据设备屏幕尺寸调整应用程序中文本的大小?该应用程序用于阅读文本,我需要用户随着设备尺寸的增加看到更大的文本,并设置最大可能的尺寸。我知道的一种方法是这样做;

Text(
  'Some text here',
  style: TextStyle(
    fontSize: 20 * MediaQuery.of(context).size.width * some_ratio
  ),
)

是否有其他方法可以同时考虑显示器的高度?

1 个答案:

答案 0 :(得分:0)

对于基于屏幕的字体大小,我建议使用Height作为参考。

例如:

 double unitHeightValue = MediaQuery.of(context).size.height * 0.01;
 double multiplier = 25;
 return Text(
  'Some Text', 
  style: TextStyle(
    fontSize: multiplier * unitHeightValue,
  ),
 );

通过这种方法,您将获得像素完美的文本大小,并具有选择乘数值的额外优势。

这类似于Android中的dpsp概念。