Flutter移动端注册页Container子组件报错问题求助

你的代码核心问题是组件嵌套错误+语法不完整，和Padding/SizedBox无关，也不需要额外创建Container，以下是具体修复方案：

问题分析 #

1. 嵌套结构错误：ElevatedButton被错误嵌套在第二个TextFormField内部，它应该作为Column的子组件，和两个输入框同级。
2. 语法不完整：原代码中多个Widget（TextFormField、Padding、Column、Form、Container）都缺少闭合括号，这是直接导致报错的原因。
3. 布局溢出风险：原Container设置height:50，远小于内部表单和按钮的总高度，必然会导致布局溢出。
4. 页面结构缺失：如果这个组件是整个注册页面的内容，需要用Scaffold包裹，它是Flutter页面的基础结构，能处理状态栏适配、页面布局容器等问题。

修复后完整代码 #

class LoginButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 用Scaffold作为页面基础结构
    return Scaffold(
      body: Center(
        child: Container(
          width: 300,
          // 移除过小的固定高度，让Container自适应内容
          child: Form(
            child: Column(
              mainAxisSize: MainAxisSize.min, // 让Column仅占用内容所需高度
              children: <Widget>[
                Padding(
                  padding: const EdgeInsets.only(
                      left: 40.0, right: 40.0, top: 30.0),
                  child: TextFormField(
                    style: TextStyle(color: Colors.black),
                    decoration: InputDecoration(
                        hintText: 'Nume Companie/Liber Profesionst/Client',
                        hintStyle: TextStyle(
                            fontFamily: 'Antra',
                            fontSize: 12.0,
                            color: Colors.black)),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(
                      left: 40.0, right: 40.0, top: 40.0),
                  child: TextFormField(
                    style: TextStyle(color: Colors.black),
                    decoration: InputDecoration(
                        hintText: 'Email',
                        hintStyle: TextStyle(
                            fontFamily: 'Antra',
                            fontSize: 12.0,
                            color: Colors.black)),
                  ),
                ),
                // 将按钮移至Column的子组件列表中，与输入框同级
                Padding(
                  padding: const EdgeInsets.only(top: 40.0),
                  child: ElevatedButton(
                    onPressed: () {
                      // 添加你的注册逻辑
                    },
                    style: ElevatedButton.styleFrom(
                        backgroundColor: Colors.black,
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(32),
                        )),
                    child: Text(
                      "注册",
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

额外优化点 #

• 新增mainAxisSize: MainAxisSize.min，避免Column占用过多垂直空间。
• 给ElevatedButton补充了必填的onPressed回调和child文本，原代码缺少这两个属性也会导致报错。
• 用Center组件让表单内容居中显示，提升页面美观度。

内容的提问来源于stack exchange，提问作者Lili