Row

一个在水平数组中显示它的子级的小部件

要使子级扩展以填充可用的水平空间, 请将子级包裹在一个展开的小部件中。

想使用竖直布局的，请前往-> Column

如果你只有一个子级, 那就考虑用 “对齐” 或 “中心” 来定位子级。

本示例将可用空间划分为三个 (水平), 并将文本置于前两个单元格中的中心, 并将 Flutter 图标置于第三个单元格的中心: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Row(
  children: <Widget>[
    Expanded(
      child: Text('Deliver features faster', textAlign: TextAlign.center),
    ),
    Expanded(
      child: Text('Craft beautiful UIs', textAlign: TextAlign.center),
    ),
    Expanded(
      child: FittedBox(
        fit: BoxFit.contain, // otherwise the logo will be tiny
        child: const FlutterLogo(),
      ),
    ),
  ],
)

效果图：

Row


著作权归作者所有,转载请注明出处。

本文永久链接是：https://ifeiyv666.github.io/2019/08/18/Flutter%E5%BC%80%E5%8F%91%E4%B9%8BRow%20Widget/