Row

行布局,即水平布局Widget,类似于安卓中android:orientation="horizontal"的LinearLayout布局,主要属性包括:

  • mainAxisAlignment

    主轴方向上的对齐方式,此处就是水平方向对齐方式。

  • crossAxisAlignment

    垂直于主轴方向上的对齐方式,此处就是垂直方向对齐方式。

  • mainAxisSize

    主轴方向的大小,两个可选值:

  • MainAxisSize.max

    主轴方向最大值,一般为撑满父控件。

  • MainAxisSize.min

    主轴方向最小值,一般是根据子Widget算出的宽度。

  • textDirection

    文本方向,子Widget的水平排列方向。两个可选值:

  • TextDirection.rtl

    根据子Widget的先后顺序从右向左排。

  • TextDirection.ltr

    根据子Widget的先后顺序从左向右排。

  • verticalDirection

    该属性值主要用于Column Widget中,这里使用默认即可,设置了也不起作用。

  • textBaseline

    内容的基线类型。

  • children

    子Widget集合。

  Widget getRow() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisSize: MainAxisSize.max,
      textDirection: TextDirection.rtl,
      textBaseline: TextBaseline.alphabetic,
      children: <Widget>[
        const Text('This is Row Widget demo'),
        const Icon(Icons.adb, size: 50,),
      ],
    );
  }

 

posted @ 2020-03-13 17:07  lai1322  阅读(226)  评论(0编辑  收藏  举报