相关疑难解决方法(0)

列中 RaisingButton 小部件之间出现不需要的空间

tl;dr 当我没有明确设置任何按钮时,为什么两个按钮之间会出现空格?

我正在尝试制作如下所示的布局:

该图描绘了一个基本的移动登录页面,该页面由一个包含徽标的居中列和下面两个用于登录和注册的垂直堆叠按钮组成。 徽标和按钮之间有一些空间,但按钮之间没有空间

然而,两个按钮之间出现了大约 16 像素的空间,我无法弄清楚它来自哪里。

我一开始以为可能是Column增加了空间,但我正在使用MainAxisAlignment.center它不应该添加任何空间。我现在认为可能有一些材质主题会自动将填充应用于RaisedButton,但是我已经查看了button_theme.dartraised_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)

widget dart flutter flutter-layout

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

标签 统计

dart ×1

flutter ×1

flutter-layout ×1

widget ×1