如何包装RichText小部件,然后,如果RichText小部件对于扩展而言太大,则将其缩小?

时间:2019-06-18 16:30:37

标签: flutter

我在列中有两个展开的小部件。第一个展开的小部件包含一个RichText小部件,其中包含可变长度的文本。如果文本溢出,则将其截断。我要实现的是,如果内容太大,则整个RichText小部件将按比例缩小。我尝试了FittedBox,该方法通常对文本小部件有效,但是当我将其应用于RichText小部件时,它会按比例缩小,但是包装被移除了。如果富文本窗口小部件太大而无法展开,那么如何缩小然后缩小?

return Container(
    child: Column(children: [
  Expanded(
      flex: 1,
      // child:FittedBox(fit: BoxFit.scaleDown,
      child: RichText(
        text: TextSpan(
            text:
                "I am a TextSpan widget and am veyr very long lskjdf lskdj flksj dflksjd lfkj",
            style:
                DefaultTextStyle.of(context).style.copyWith(fontSize: 35)),
      )),
  Expanded(flex: 4, child: Text("blah blah"))
]));

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

[更新]

Container(
  child: Column(
    children: [
      Expanded(
        flex: 1,
        // child:FittedBox(fit: BoxFit.scaleDown,
        child: AutoSizeText.rich(
          TextSpan(text: "A really long String"),
          style: DefaultTextStyle.of(context).style.copyWith(fontSize: 35),
        )
      ),
      Expanded(
        flex: 4,
        child: Text("blah blah")
      )
    ]
  )
)