Flutter中常用的组件-Column

Posted 2023-02-02 不二菜菜子

//垂直列表 
new Column(
        /**
         * 水平对齐
         * mainAxisAlignment: MainAxisAlignment.center,--水平居中对齐
         *   mainAxisAlignment: MainAxisAlignment.start,--水平居左对齐(默认)
         *  mainAxisAlignment: MainAxisAlignment.end,--水平居右对齐
         *   mainAxisAlignment: MainAxisAlignment.spaceBetween,--水平间距对齐
         *   mainAxisAlignment: MainAxisAlignment.spaceEvenly,--水平均匀对齐
         *   mainAxisAlignment: MainAxisAlignment.spaceAround, --水平间距为两边2倍对齐
         */

        mainAxisAlignment: MainAxisAlignment.center,
        //水平轴宽度大小
        mainAxisSize: MainAxisSize.min,

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

        children: <Widget>[
          new Text("马上大豪科技"),
          new Icon(Icons.ice_skating),
          new RaisedButton(
            onPressed: () ,
            child: new Text("聚划算高科技"),
            color: Colors.teal,
          )
        ],
      ),