如何在flutter中實現類似LinearLayout的布局？

Question

我是顫振的新手，如何在顫振中實現類似布局的線性布局？ 布局視圖的水平和垂直。

Answer 1

Row是水平線性布局

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

而Column是垂直的線性布局

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

Answer 2

首先，您應該嘗試了解下面給出的顫振鏈接中的線性布局。

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

之后，您將能夠實現它。

Answer 3

它是Column的水平布局，這里的孩子們會從上到下排序的在他們的訂單和Row在垂直方向上，哪個地方的children從開始分別結束 。

就像LinearLayout一樣，它們都表示以下內容：

創建子項的數組[...]。

他們可以水平 （ Row ）或垂直 （ Column ）進行操作。

這是兩個小部件的兩個不言自明的示例：

Widget column() => Column(children: <Widget>[
    Text('top'),
    Text('middle'),
    Text('bottom'),
  ]);

Widget row() => Row(children: <Widget>[
    Text('left'), // actually start
    Text('middle'),
    Text('right'),
  ]);

您可以通過訪問相應的文檔頁面來進一步了解對齊方式 ：

• 柱
• 行

Answer 4

要在 flutter 中實現純線性布局，請在管理主軸和橫軸對齊的同時使用行小部件

例子

假設您想水平顯示兩個具有相等權重的圖標，即每個圖標 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,
                ),
              ],
            ),
          )