Flutter中常用的组件-Column

  • Post author:
  • Post category:其他


//垂直列表 
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,
          )
        ],
      ),



版权声明:本文为guliang28原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。