flutter根据内容显示宽度
Flutter可以使用Flexible或Expanded Widget根据内容显示宽度。
Flexible Widget可以让子Widget根据剩余空间自适应宽度,可以通过FlexFit属性来控制子Widget的自适应方式。例如,FlexFit.tight表示子Widget尽可能地填充剩余空间。
Expanded Widget可以让子Widget占据剩余空间,可以设置flex属性来控制子Widget的占比。例如,如果有两个子Widget,一个设置了flex: 1,另一个设置了flex: 2,则后者会占据前者的两倍宽度。
示例代码:
Row(
children: [
Flexible(
flex: 1,
child: Container(
height: 50,
color: Colors.red,
),
),
Flexible(
flex: 2,
child: Container(
height: 50,
color: Colors.blue,
),
),
],
)
在这个例子中,第一个子Widget会占据1/3的宽度,第二个子Widget会占据2/3的宽度。如果需要根据内容自适应宽度,可以将Flexible的flex属性设置为0
原文地址: https://www.cveoy.top/t/topic/crKB 著作权归作者所有。请勿转载和采集!