Question

我正在尝试缩放字体，以使它们在大小不同的屏幕上看起来都一样。我有下面的代码，它链接到基础主题（flutter标准主题）。我尝试手动更改字体大小，但这无济于事，因为它在所有屏幕尺寸上看起来都不同。

是否有建议的方法可以根据屏幕尺寸自动缩放字体大小？

        Expanded(
          child: Column(
            children: <Widget>[
              Padding(padding: EdgeInsets.all(MediaQuery.of(context).size.height/50)),
              Text("We're finding your pizza!",
                  textAlign: TextAlign.center,
                  style: theme.textTheme.title.copyWith(fontSize: 26),
              ),
              Padding(padding: EdgeInsets.all(MediaQuery.of(context).size.height/40)),
              Text(
                  "We'll notify you when we've found one.",
                  textAlign: TextAlign.center,
                  style: theme.textTheme.title),
              Padding(padding: EdgeInsets.all(MediaQuery.of(context).size.height/40)),
              Text(
                  "Estimated wait time:",
                  textAlign: TextAlign.center,
                  style: theme.textTheme.title),
              Padding(padding: EdgeInsets.all(MediaQuery.of(context).size.height/80)),
              Text(
                  "< 1 minute.",
                  textAlign: TextAlign.center,
                  style: theme.textTheme.title,
              )],
          ),
        ),

Answer 1

您可以尝试auto_size_text

安装

将此添加到您的pubspec.yaml

  auto_size_text: ^2.1.0

用法

AutoSizeText(
 'Your auto size text',
 style: TextStyle(fontSize: 20),//minimum font size
 maxLines: 2,//if needed
)

缩放具有不同屏幕尺寸的字体

1 个答案: