gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 14:44:51 30 4
gpt4 key购买 nike

我在 ROW 中有一个问题,一个 child 有很多项目,所以它很大,另一个 child 有更少的项目,所以它的高度很小,所以更少的项目显示在 ROW 的中心,所以我需要它与内部顶部对齐ROW,你可以看一下图像。
enter image description here
请也看看我的代码。

rowList = Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: mainBodyList,
);
主体列表
  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),
),
),
],
),
),
);

最佳答案

您需要设置crossAxisAlignmentCrossAxisAlignment.start

Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: mainBodyList,
);

关于android - Flutter 将小部件对齐到 ROW 的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63111921/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com