Flutter 如何在颤振中的多个位置定位子视图？

我有一个登录页面，有三个字段，页面中央有一个按钮。在同一页的底部，我需要垂直显示三个按钮。我怎样才能在弗利特做到这一点？任何建议都会很有帮助。提前谢谢。

您的问题不清楚，我想您需要在一列底部放置3个按钮

return Scaffold(
      appBar: AppBar(),
      body: Container(
        padding:
            EdgeInsets.only(left: 20.0, right: 20.0, top: 25.0, bottom: 25.0),
        child: Column(
          children: <Widget>[
            TextField(
              decoration: InputDecoration(hintText: 'Text Field 1'),
            ),
            TextField(
              decoration: InputDecoration(hintText: 'Text Field 2'),
            ),
            TextField(
              decoration: InputDecoration(hintText: 'Text Field 3'),
            ),
            SizedBox(
              height: 25.0,
            ),
            MaterialButton(
              onPressed: () {},
              child: Text('Button'),
              color: Colors.blue,
              minWidth: double.infinity,
            ),
            Expanded(
              child: SizedBox(),
            ),
            MaterialButton(
              onPressed: () {},
              child: Text('Button 1'),
              color: Colors.blue,
              minWidth: double.infinity,
            ),
            MaterialButton(
              onPressed: () {},
              child: Text('Button 2'),
              color: Colors.blue,
              minWidth: double.infinity,
            ),
            MaterialButton(
              onPressed: () {},
              child: Text('Button 3'),
              color: Colors.blue,
              minWidth: double.infinity,
            ),
          ],
        ),
      ),
    );

返回脚手架(
appBar:appBar（），
主体：容器(
衬垫：
仅限边集（左：20.0，右：20.0，顶部：25.0，底部：25.0），
子：列(
儿童：[
文本字段(
装饰：输入装饰（hintText:“文本字段1”），
),
文本字段(
装饰：输入装饰（hintText:“文本字段2”），
),
文本字段(
装饰：输入装饰（hintText:“文本字段3”），
),
大小盒子(
身高：25.0，
),
材料按钮(
按下：（）{}，
子项：文本（“按钮”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
扩大(
子项：SizedBox（），
),
材料按钮(
按下：（）{}，
子项：文本（“按钮1”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
材料按钮(
按下：（）{}，
子项：文本（“按钮2”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
材料按钮(
按下：（）{}，
子项：文本（“按钮3”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
],
),
),
);

Expanded

将填充空白

结果会是,，

---

如果您的问题不同，请提供更多详细信息

您必须使用

堆栈

和

定位

来实现您想要的，请检查下面的示例

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        padding:
            EdgeInsets.only(left: 20.0, right: 20.0, top: 25.0, bottom: 25.0),
        child: Stack(
          children: <Widget>[
            Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                TextField(
                  decoration: InputDecoration(hintText: 'Text Field 1'),
                ),
                TextField(
                  decoration: InputDecoration(hintText: 'Text Field 2'),
                ),
                TextField(
                  decoration: InputDecoration(hintText: 'Text Field 3'),
                ),
                SizedBox(
                  height: 25.0,
                ),
                MaterialButton(
                  onPressed: () {},
                  child: Text('Button'),
                  color: Colors.blue,
                  minWidth: double.infinity,
                ),
              ],
            ),
            Positioned(
              bottom: 0.0,
              left: 0.0,
              right: 0.0,
              child: Column(
                children: <Widget>[
                  MaterialButton(
                    onPressed: () {},
                    child: Text('Button 1'),
                    color: Colors.blue,
                    minWidth: double.infinity,
                  ),
                  MaterialButton(
                    onPressed: () {},
                    child: Text('Button 2'),
                    color: Colors.blue,
                    minWidth: double.infinity,
                  ),
                  MaterialButton(
                    onPressed: () {},
                    child: Text('Button 3'),
                    color: Colors.blue,
                    minWidth: double.infinity,
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

@覆盖
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar（），
主体：容器(
衬垫：
仅限边集（左：20.0，右：20.0，顶部：25.0，底部：25.0），
子：堆栈(
儿童：[
纵队(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
文本字段(
装饰：输入装饰（hintText:“文本字段1”），
),
文本字段(
装饰：输入装饰（hintText:“文本字段2”），
),
文本字段(
装饰：输入装饰（hintText:“文本字段3”），
),
大小盒子(
身高：25.0，
),
材料按钮(
按下：（）{}，
子项：文本（“按钮”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
],
),
定位(
底部：0.0，
左：0.0，
右：0.0，
子：列(
儿童：[
材料按钮(
按下：（）{}，
子项：文本（“按钮1”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
材料按钮(
按下：（）{}，
子项：文本（“按钮2”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
材料按钮(
按下：（）{}，
子项：文本（“按钮3”），
颜色：颜色，蓝色，
minWidth:double.infinity，
),
],
),
),
],
),
),
);
}

请发布您尝试过的代码。谢谢您的回复。我想在页面中央显示前三个字段和一个按钮，并在页面底部显示一个包含三个按钮的列。我该怎么做？如果我在底部按钮组中使用“展开”，我的“中心对齐”字段将移动到页面的开头。@Arvind我添加了另一个答案，请尝试一下，谢谢。这很有帮助。你救了我一天。到目前为止，我一直在尝试这个没有定位的小部件。对不起，我没有足够的声誉。所以，即使我接受，答案也不会显示为已接受。@Arvind，没关系，伙计