【Text】【布局】文本显示超出Text组件大小通过指定最大/小字体自适应展示

16 阅读1分钟

在研发过程中,会存在文本内容在Text组件中显示时,因为文本内容的展示,超出Text组件大小的情况。

这时不作任何处理,文本内容会被截断,可以通过指定最大/最小字体以自适应的字体的方式展示内容,代码示例如下。

Text("这是一段文字,因为超出Text组件的大小,部分内容被截断")
  .fontSize(16)
  .width(168)
  .maxLines(1)

Text("这是一段文字,因为超出Text组件的大小,指定最大/最小字体")
  .maxFontSize(16)
  .minFontSize(6)
  .width(168)
  .maxLines(1)

代码执行效果为,上面的是没做自适应处理的,下面的为实现了自适应处理的。

cke_5383.png