gpt4 book ai didi

flutter - 如何包装 RichText 小部件,然后,如果 RichText 小部件对于展开来说太大了,请将其缩小?

转载 作者:IT王子 更新时间:2023-10-29 07:02:54 25 4
gpt4 key购买 nike

我在一列中有两个展开的小部件。第一个展开的小部件包含一个包含可变长度文本的 RichText 小部件。如果文本溢出,它将被切断。如果内容太大,我想要实现的是整个 RichText 小部件按比例缩小。我已经尝试过 FittedBox,它通常适用于文本小部件,但是当我将它应用于 RichText 小部件时,小部件按比例缩小但包装被删除。如果 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

最佳答案

[已更新]

使用 AutoSizeText包裹:

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")
)
]
)
)

关于flutter - 如何包装 RichText 小部件,然后,如果 RichText 小部件对于展开来说太大了,请将其缩小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56653467/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com