Flutter中Center组件无法使Form居中问题求助

你的Form组件固定在页面顶部，是因为Form的子组件Column默认采用MainAxisSize.min，即高度仅包裹内部元素，整个Form的高度和内容高度一致。此时Center只能实现水平居中，垂直方向没有多余空间让它居中，所以看起来贴在顶部。

解决方法：修改Column的布局属性 #

直接给Column添加两个属性，让它占满可用高度并将内部子组件垂直居中：

Widget showRegistrationWidget() {
  return Column(
    mainAxisSize: MainAxisSize.max, // 让Column占满父组件的垂直空间
    mainAxisAlignment: MainAxisAlignment.center, // 子组件垂直居中
    children: [
      TextFormField(
          decoration: const InputDecoration(
              labelText: "Login ID",
              icon: Icon(Icons.person),
              hintText: "Your registered Name or Email ID or Phone number"),
          enableSuggestions: true,
          autocorrect: false,
          validator: (arg) {
            if (arg!.isEmpty) {
              return "Please enter your Login ID!";
            }
            return null;
          }),
      TextFormField(
          decoration: const InputDecoration(
              labelText: "Password",
              icon: Icon(Icons.password_rounded),
              hintText: "Your registered Name or Email ID or Phone number"),
          obscureText: true,
          enableSuggestions: false,
          autocorrect: false,
          validator: (arg) {
            if (arg == null || arg.isEmpty || arg == "abc") {
              return "Please enter your password!";
            }
            return null;
          }),
      ElevatedButton(
          onPressed: () {
            if (_formKey.currentState!.validate() == true) {}
          },
          child: const Text("Submit")),
    ],
  );
}

另一种可选方案：让Form占满屏幕高度 #

如果不想修改Column，也可以在Center和Form之间嵌套SizedBox.expand，让Form占满整个屏幕高度，此时Center会让Form整体垂直居中（但仍需确保Column内部子组件布局符合预期）：

@override
Widget build(BuildContext context) {
  return SafeArea(
    top: true,
    bottom: true,
    left: true,
    right: true,
    child: Scaffold(
        body: Center(
            child: SizedBox.expand(
              child: Form(
                key: _formKey,
                child: showRegistrationWidget(),
              ),
            ))),
  );
}

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