Flutter注册页TextField点击后键盘自动隐藏问题求助

核心原因 #

你的代码中存在两个关键问题导致TextField点击后键盘秒退：

1. GlobalKey<FormState> 在build方法内定义：每次Widget重建（比如键盘弹出触发布局变化）都会生成新的GlobalKey，导致Form及其子Widget（包括TextField）被强制重建，TextField失去焦点，键盘随之隐藏。
2. Get.put(SignUpController()) 放在build方法内：虽然GetX会避免重复创建同一Controller，但每次build都执行该方法可能引发不必要的Widget树刷新，加重布局不稳定问题。

修复方案 #

步骤1：将全局Key和Controller提升为类成员变量 #

把formKey和Controller的获取移到类级别，避免每次build重新初始化：

class SignUpFormWidget extends StatelessWidget {
  const SignUpFormWidget({Key? key}) : super(key: key);
  
  // 把formKey定义为类成员，只初始化一次
  final formKey = GlobalKey<FormState>();
  // 使用Get.find()获取已注册的Controller，避免在build内重复put
  final controller = Get.find<SignUpController>();

  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    return Scaffold(
      // 后续原有代码保持不变
    );
  }
}

步骤2：提前注册Controller #

确保SignUpController在进入该页面之前就已注册，比如在页面路由跳转时初始化：

// 示例：跳转至SignUpFormWidget时绑定Controller
Get.to(() => SignUpFormWidget(), binding: BindingsBuilder(() {
  Get.put(SignUpController());
}));

额外优化建议 #

• 避免在build方法内定义会频繁变化的变量，所有需要保持状态的对象都应放在类成员或State中（如果使用StatefulWidget）。
• 若页面存在布局变化需求，可将SingleChildScrollView的physics调整为AlwaysScrollableScrollPhysics，增强键盘弹出时的布局稳定性。

内容的提问来源于stack exchange，提问作者Ali Asghar Gill