Flutter 将小部件对齐到 ROW 的顶部

Ana*_*eza 1 android cross-platform flutter flutter-layout

我在 ROW 中有一个问题,一个孩子有很多项目,所以它很大,另一个孩子有较少的项目,所以它的高度很小,所以较少的项目显示在 ROW 的中心,所以我需要它与顶部对齐ROW,你可以看看图像。

在此处输入图片说明

也请看看我的代码。

rowList = Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: mainBodyList,
);
Run Code Online (Sandbox Code Playgroud)

主体清单

  Container(
   width: screenWidth * 0.49,
   child: Card(
    color: Colors.white,
    child: Column(
      children: <Widget>[
        Container(
          //width: 200,
          padding: EdgeInsets.symmetric(vertical: 8, horizontal: 8),
          decoration: BoxDecoration(
            color: Colors.black12,
          ),
          child: Row(
            children: <Widget>[
              ClipOval(
                child: Material(
                  color: Colors.white,
                  child: SizedBox(
                    width: 40,
                    height: 40,
                    child:
                        /*Image.asset(
                                        'assets/icons/doc_icon.png'),*/
                        Icon(
                      Icons.playlist_add_check,
                      color: AppTheme.primaryColor,
                    ),
                  ),
                ),
              ),
              Flexible(
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Text(
                        _localization.localeString(name),
                        style: TextStyle(color: AppTheme.primaryColor),
                      ),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
        Container(
          child: Column(
            children: _dynamicListWidget(list),
          ),
        ),
      ],
    ),
  ),
);
Run Code Online (Sandbox Code Playgroud)

Jig*_*tel 6

你需要设置crossAxisAlignmentCrossAxisAlignment.start

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: mainBodyList,
);
Run Code Online (Sandbox Code Playgroud)