tl;dr 当我没有明确设置任何按钮时,为什么两个按钮之间会出现空格?
我正在尝试制作如下所示的布局:
然而,两个按钮之间出现了大约 16 像素的空间,我无法弄清楚它来自哪里。
我一开始以为可能是Column增加了空间,但我正在使用MainAxisAlignment.center它不应该添加任何空间。我现在认为可能有一些材质主题会自动将填充应用于RaisedButton,但是我已经查看了button_theme.dart和raised_button.dart,似乎只设置了内部填充(文本和按钮边缘之间) 。我确信我忽略了一些东西,并且希望能够帮助您找出这个空间存在的原因。
auth.dart(如图所示的屏幕)
...
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Expanded(flex: 2, child: Container()),
Expanded(
flex: 8,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: EdgeInsets.fromLTRB(0, 0, 0, 32),
child: Image(
fit: BoxFit.contain,
image: AssetImage('lib/res/drawable/logo.webp'))),
PrimaryButton(
onPressed: //...,
child: Text('Log In')),
PrimaryButton(
onPressed: //...,
child: Text('Sign Up')),
])),
Expanded(flex: 2, child: …Run Code Online (Sandbox Code Playgroud)