例如,我们有下一个小部件:
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 Inspector 检查脚手架 Flutter 项目(未经任何修改)期间,在某些情况下会出现左下角放大镜按钮中的切换小部件。
它从哪里来,其目的是什么?
所附的屏幕截图显示该按钮仅存在于“渲染树”选项卡上。