Flutter中text⽂本换⾏
如text中的⽂本可能会很长,则可能会出现⽗组件越界问题,这是单纯修改⼦的布局或者设置text的换⾏不解决问题,可以考虑使⽤flexble 或者expanded组件。
这两个组件都需要作为row或者column的⼦组件使⽤,如主轴空间不够⽤,则会⾃动扩充⾄次轴,实现⾃动换⾏。
Expanded会尽可能的充满分布在Row, Column, or Flex的主轴⽅向上;
Flexible也是为⼩部件提供空间的,但是不会要求⼦空间填满可⽤空间。
使⽤Flexible的例⼦:
textstyle
new Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'医院:',
style: TextStyle(fontSize: 18),
),
Flexible(
child: Text(
map['hospital'],
style: TextStyle(fontSize: 18),
)
,
)
],
),
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论