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

flutter根据内容显示宽度

原文地址: https://www.cveoy.top/t/topic/crKB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录