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

Question

我使用了一个BottomAppBar 小部件和一个floatingActionButton，在图片中有些字母向下看起来并不好看。所以有没有办法让这些字体大小根据屏幕大小自动变化并保持在同一行中？

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

使用以下方法之一！

使用颤振 AutoSizeText 小部件

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

您也可以使用颤振 FittedBox：

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

2 回答 2