小编ych*_*ych的帖子

如何使一行中的小部件与其中最宽的小部件的宽度相同

例如,我们有下一个小部件:

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      children: [
        OutlinedButton(
          child: Text('B 1'),
          onPressed: () {},
        ),
        OutlinedButton(
          child: Text('BB 2'),
          onPressed: () {},
        ),
        OutlinedButton(
          child: Text('BBBBB 5'),
          onPressed: () {},
        ),
      ],
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

我们如何创建所有按钮 ('B1''BB 2') 使其与最后一个最宽的按钮 ( ) 具有相同的宽度'BBBBB 5'。因此得到的MyWidget宽度将是按钮的宽度'BBBBB 5'乘以 3。

是的,按钮上的文字可能会有所不同;这就是为什么我们无法预先计算并硬编码它们的宽度。

flutter flutter-layout

4
推荐指数
1
解决办法
2035
查看次数

放大镜按钮从何而来

在使用 Flutter Inspector 检查脚手架 Flutter 项目(未经任何修改)期间,在某些情况下会出现左下角放大镜按钮中的切换小部件。

它从哪里来,其目的是什么?

所附的屏幕截图显示该按钮仅存在于“渲染树”选项卡上。

安卓模拟器 小部件 渲染树

flutter

3
推荐指数
1
解决办法
425
查看次数

标签 统计

flutter ×2

flutter-layout ×1