相关疑难解决方法(0)

如何在 Flutter 中布局一列按钮,使其宽度等于最宽按钮的宽度?

如何使以下按钮的宽度与最宽的按钮(在本例中是最后一个按钮)的宽度相同?我不想硬编码以使所有按钮等于最后一个按钮,因为,例如,当切换到不同的语言时,它可能不是最宽的最后一个按钮。

按钮列

我正在使用的代码:

Widget build(BuildContext context) {
return Scaffold(
  body: Center(
    child: Column(
      children: [
        Spacer(flex: 1),
        Text(
          'Flutter Test',
          style: Theme.of(context).textTheme.headline1,
        ),
        Spacer(flex: 2),
        Row(
          mainAxisSize: MainAxisSize.max,
          children: [
            Expanded(child: 
              Column(
                children: [
                  ElevatedButton(
                    onPressed: () {
                    },
                    child: Text('Apple'),
                  ),
                  ElevatedButton(
                    onPressed: () {
                    },
                    child: Text('Banana'),
                  ),
                  ElevatedButton(
                    onPressed: () {
                    },
                    child: Text('Chery'),
                  ),
                  ElevatedButton(
                    onPressed: () {
                    },
                    child: Text('Durian'),
                  ),
                  ElevatedButton(
                    onPressed: () {
                      Navigator.pop(context);
                    },
                    child: Text('Emu apple fruit'),
                  ),
                ],
              ),
            ),
          ], …
Run Code Online (Sandbox Code Playgroud)

layout button flutter

5
推荐指数
2
解决办法
1614
查看次数

Flutter:列对齐项具有相同的宽度

我正在尝试将列内的小部件与CrossAxisAlignment.center对齐在中心,但我也希望这些小部件具有相同的宽度。我该如何实现?

flutter flutter-layout

2
推荐指数
1
解决办法
1457
查看次数

标签 统计

flutter ×2

button ×1

flutter-layout ×1

layout ×1