flutter 动态更改文本大小,同时保持美观

beq87vna  于 2022-12-05  发布在  Flutter
关注(0)|答案(1)|浏览(255)

我正在尝试在Flutter中更改容器内的文本大小。我发现的每种解决方案都能将文本扩展到框的边缘,在不同的设备上看起来都很好。让文本适合不同的设备大小的最佳方法是什么?

uujelgoq

uujelgoq1#

使用BoxFit.scaleDown并固定FontSize,您可以调整字体的最大大小。
正常用途低于代码

Flexible(
  child: FittedBox(
    fit: BoxFit.contain,
    child: AutoSizeText(
      'your specific text',
      maxLines: 1,
      style: TextStyle(),
    ),
  ),
),

如果内容很小,它将以指定的字体大小占用最小宽度。同时,如果内容很大,它将调整为最小字体大小。

FittedBox(
                      fit: BoxFit.scaleDown,
                      child: 
                          Text(
                            "Text here",
                            style: TextStyle(fontSize: 18),
                          ),)

如果需要文本填充整个宽度,则使用任何字体大小,请使用BoxFit.cover

FittedBox(
                      fit: BoxFit.cover,
                      child: 
                          Text(
                            "Text here",
                            //style: TextStyle(fontSize: 18),
                          ),)

您还可以使用此软件包
auto_size_text: ^3.0.0

相关问题