Flutter 自动调整文本大小 auto_size_text

作用:可自动调整文本大小以使其完全适合其边界
在这里插入图片描述

1.在 pubspec.yaml 中添加 auto_size_text 包扩展
2.用法:

AutoSizeText(
  'The text to display',
  style: TextStyle(fontSize: 20),
  maxLines: 2,
)
  • 1
  • 2
  • 3
  • 4
  • 5

AutoSizeText 行为完全像 Text。唯一的区别是它将调整文本的大小以适合其范围,且需要限制约束来调整文本大小

参数 描述
key* 控制一个小部件如何替换树中的另一个小部件
textKey 设置结果Text小部件的键
style* 如果不为空,则用于此文本的样式
minFontSize 自动调整文本大小时使用的最小文本大小约束。如果presetFontSizes被设置则被忽略
maxFontSize 自动调整文本大小时使用的最大文本大小限制。如果presetFontSizes被设置则被忽略
stepGranularity 调整字体大小以适应约束的步长
presetFontSizes 预定义所有可能的字体大小。重要提示: presetFontSizes必须按降序排列
group 同步多个AutoSizeTexts 的大小
textAlign* 文本应如何水平对齐
textDirection* 文本的方向性。这决定了textAlign像TextAlign.start和值TextAlign.end的解释方式
locale* 当可以根据区域设置以不同方式呈现相同的Unicode字符时,用于选择字体
softWrap* 文本是否应在换行符处中断
wrapWords 是否应该换行不适合的单词。默认为true表现得像Text
overflow* 视觉溢出应如何处理
overflowReplacement 如果文本溢出且不适合其边界,则会显示此小部件
textScaleFactor* 每个逻辑像素的字体像素数。也影响minFontSize,maxFontSize和presetFontSizes
maxLines 文本可以跨越的可选最大行数
semanticsLabel* 此文本的替代语义标签

详情可参照顶部文档,写的很详细

Leave a Reply

邮箱地址不会被公开。 必填项已用*标注

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>