Flutter中常用的组件-Row

Posted 2023-02-01 不二菜菜子

 //Row：一个小部件，它在一行上显示其子小部件;Row 将其子项放在一行并且不能滚动。如果想要一个类似的和可滚动的容器，应该考虑使用 ListView。
            new Row(
          /**
           * 水平对齐
           * mainAxisAlignment: MainAxisAlignment.center,--水平居中对齐
           *   mainAxisAlignment: MainAxisAlignment.start,--水平居左对齐(默认)
           *  mainAxisAlignment: MainAxisAlignment.end,--水平居右对齐
           *   mainAxisAlignment: MainAxisAlignment.spaceBetween,--水平间距对齐
           *   mainAxisAlignment: MainAxisAlignment.spaceEvenly,--水平均匀对齐
           *   mainAxisAlignment: MainAxisAlignment.spaceAround, --水平间距为两边2倍对齐
           */

          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          //水平轴宽度大小
          mainAxisSize: MainAxisSize.max,

          /**
           * 横轴对齐
           * crossAxisAlignment: CrossAxisAlignment.center, --横轴居中对齐(默认)
           *   crossAxisAlignment: CrossAxisAlignment.stretch, --横轴展开最大高度对齐
           *   crossAxisAlignment: CrossAxisAlignment.start, --横轴居顶对齐
           *   crossAxisAlignment: CrossAxisAlignment.end, --横轴居顶对齐
           */
          crossAxisAlignment: CrossAxisAlignment.center,
          //对齐方式：ltr--左到右；rtl--右到左
          textDirection: TextDirection.rtl,
          //垂直对齐 (up上，down下)
          verticalDirection: VerticalDirection.up,
          //基准线位置：alphabetic对齐字符底部的水平线，ideographic对齐表意字符的水平线
          textBaseline: TextBaseline.alphabetic,

          //children:children 属性用于定义 Row 的子部件列表。可以向子项添加子窗口小部件，或从子项中删除窗口小部件
          children: <Widget>[
            new Text("蛮久噶事"),
            new Icon(Icons.ice_skating),
            new RaisedButton(
              onPressed: null,
              child: new Text("南高加索"),
            )
          ],
        ),