如何根据flutter app中的设备屏幕大小调整字体大小来固定文本的位置？

Question

我使用了一个 BottomAppBar 小部件和一个 floatingActionButton，在图片中，一些字母下降了，看起来并不 nice.so 相反，有没有办法让这些字体大小根据屏幕大小自动变化，留在同一行？

Answer 1

只需将您的文本小部件包装到 FittedBox 小部件，例如

AppBar(
   centerTitle: true,
   title: FittedBox(fit:BoxFit.fitWidth, 
   child: Text('This is fitted box test')
  ),
),

或者你可以使用这个库 https://pub.dev/packages/auto_size_text

Answer 2

使用以下方法之一！

使用 flutter AutoSizeText 小部件

https://pub.dev/packages/auto_size_text

AutoSizeText(
      "yourText",
      style: TextStyle(fontSize: 30.0),
),

你也可以使用 flutter FittedBox:

https://api.flutter.dev/flutter/widgets/FittedBox-class.html

AppBar(
    centerTitle: true,
    title: FittedBox(fit:BoxFit.fitWidth, 
    child: Text('Text which need to be resized')
           ),
),