[flutter] 容器组件

ELI_He9992024-12-21 10:49

Center

Center容器用来居中widget

Dart 复制代码

const Center({
    Key key, 
    double widthFactor, // 若该值为空，该组件宽度会尽可能大；若不为空，该组件的宽度就是子节点宽度的多少倍
    double heightFactor, // 同widthFactor
    Widget child // 子组件
}) : super(key: key, widthFactor: widthFactor, heightFactor: heightFactor, child: child);

Padding

Dart 复制代码

Padding({
  EdgeInsetsGeometry padding,
  Widget child,
})

Margin

如果你想为列添加外边距，可以将列用 Container 组件包裹，并使用 margin 属性指定所需的外边距。

Container(
  margin: EdgeInsets.all(16.0),
  child: Column(
    children: [
      Text('Hello'),
      Text('World'),
    ],
  ),
)

Reference

5.4 容器组件（Container） | 《Flutter实战·第二版》https://blog.csdn.net/qq_33635385/article/details/100079162