如何在flutter中实现类似LinearLayout的布局？

Question

刚接触flutter 如何在flutter中实现类似线性布局的布局？布局视图的水平和垂直。

Answer 1

首先你应该尝试了解 Flutter 中的线性布局 link 下面给出。

https://flutter.io/flutter-for-android/#what-is-the-equivalent-of-a-linearlayout

之后你就可以实现了。

Answer 2

Row是水平线性布局

new Row(
  children: <Widget>[
   ///display children in a horizontal manner
  ],

而Column是垂直线性布局

new Column (
  children: <Widget>[
   ///display children in a vertical manner 
  ],

Answer 3

在flutter中实现纯线性布局，使用row widget同时管理主轴和横轴对齐

例子

假设你想水平显示两个图标，权重相等，即每个图标 1-1 像这样使用行

Container(
            color: Colors.yellowAccent,
            child: new Row(
              mainAxisSize: MainAxisSize.max,
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                new Icon(
                  Icons.access_time,
                  size: 50.0,
                ),
                new Icon(
                  Icons.pie_chart,
                  size: 100.0,
                ),
              ],
            ),
          )

如何在flutter中实现类似LinearLayout的布局？

how to achieve LinearLayout like layout in flutter?

android

ios

android-linearlayout

flutter

flutter-layout