Flutter页面异常重复重建求助：闪屏页跳转后表单无法输入

嘿，我帮你揪出了这个页面频繁重建、键盘弹出来又消失的问题根源，咱们一步步来解决它：

你在_UserLoaderState的build方法里声明了_formKey和_emailController这两个关键对象——这可是个大问题！

每次Flutter触发页面重建（比如屏幕旋转、输入框获取/失去焦点、甚至父组件的微小更新），build方法都会重新执行，这意味着这两个对象会被反复创建：

• 对于TextEditingController来说，每次重建都换新的，输入框会直接丢失之前的焦点和输入状态，这就是键盘弹出来又立刻消失的直接原因——输入框的控制器变了，焦点绑定直接失效。
• 对于GlobalKey<FormState>来说，每次重建都生成新的key，表单的状态也会被强制重置，进一步加剧了页面的不稳定。

至于为什么设为首页时暂时没问题？那只是巧合——首页初始化时重建触发场景少，Flutter的初始化流程让页面状态暂时稳定，但本质上代码写法是有隐患的，从闪屏页跳转后，页面生命周期触发更完整，重建条件更容易满足，问题就立刻暴露了。

把这两个变量移到_UserLoaderState的成员变量区域，让它们只在State初始化时创建一次，而不是每次build都重新生成。同时别忘了在dispose方法里释放控制器，避免内存泄漏。

修改后的完整UserLoader代码：

import 'package:flutter/material.dart';

class UserLoader extends StatefulWidget {
  @override
  _UserLoaderState createState() => new _UserLoaderState();
}

class _UserLoaderState extends State<UserLoader> {
  // 把控制器和表单key移到State成员位置，保证只初始化一次
  final _formKey = GlobalKey<FormState>();
  final _emailController = TextEditingController();

  @override
  void dispose() {
    // 页面销毁时释放控制器，避免内存泄漏
    _emailController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Informations"),
        actions: <Widget>[
          IconButton(
            icon: const Icon(Icons.save),
            onPressed: () {
              // 你的保存逻辑
            },
          )
        ],
      ),
      body: Center(
        child: SingleChildScrollView(
          child: Form(
            key: _formKey,
            child: Column(
              children: <Widget>[
                ListTile(
                  leading: const Icon(Icons.email),
                  title: TextFormField(
                    decoration: const InputDecoration(
                      hintText: "Email",
                    ),
                    keyboardType: TextInputType.emailAddress,
                    controller: _emailController,
                    validator: _validateEmail,
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  // 补上你之前的邮箱校验方法（如果之前有实现的话）
  String? _validateEmail(String? value) {
    if (value == null || value.isEmpty || !value.contains('@')) {
      return '请输入有效的邮箱地址';
    }
    return null;
  }
}

以后写Flutter页面时要记住：和页面状态绑定的对象（比如控制器、全局key、动画控制器等），都必须放在State类的成员变量里，绝对不能放在build方法内部，这样才能保证它们的生命周期和页面State一致，避免因频繁重建导致的状态丢失、异常刷新问题。

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