我正在开发一个底部有菜单的应用程序,这是结果:
我写了下面的代码:
return Row(
children: menuItems
.asMap()
.entries
.map(
(x) => Expanded(
child: Container(
decoration: const BoxDecoration(
color: HGVColors.grey,
),
child: InkWell(
onTap: () => setTitle(x.key),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SvgPicture.asset(
"assets/images/${x.value.icon}.svg",
height: 25,
color: getColor(x.key == currentIndex),
),
Text(
x.value.label,
style: TextStyle(
color: getColor(x.key == currentIndex),
),
),
],
),
),
),
),
)
.toList(),
);
但是,预期结果如下:
我该怎么做才能使 * Konventionen * 不换行到新行,而是拉伸它的容器?
1条答案
按热度按时间a2mppw5e1#
我找到了解决办法:
密钥是
mainAxisAlignment: MainAxisAlignment.spaceEvenly
。