根据屏幕调整textSize，小部件尺寸

Question

我正在为移动设备和android电视（48英寸电视）开发应用程序。我使用MediaQuery调整fontSize和小部件尺寸。有没有更好的方法来做这些事情？

static double width(BuildContext context) => MediaQuery.of(context).size.width;

height: height * 1 / 32,

textSize: height * 1 / 32

Line>容器小部件

CustomLine(
              width: width * (1 / 8),
              height: height * (1 / 512),
              color: Palette.white,
            ),

Answer 1

这取决于您是否需要带或不带安全区域的尺寸：

https://stackoverflow.com/a/57237870/12937274

您也可以尝试：

 import 'dart:ui';

window.physicalSize;

Answer 2

我从来没有为这种屏幕开发任何东西，但是过去我使用auto_size_text package来轻松根据可用空间自动调整文本大小，并且效果非常好。使用此软件包，您无需为每个Text显式处理大小调整。

另一种实现方法是使用LayoutBuilder class获取Text小部件周围的可用空间，并自行处理适当的大小。