使用Get.offAllNamed+fenix:true后TextEditingController值为空问题

问题分析 #

使用Get.offAllNamed跳转回登录页且绑定设置fenix: true后，TextEditingController无法获取输入值的核心原因是：fenix: true会让LoginLogic实例在内存中保留复用，但如果控制器的生命周期管理不当，或者输入框与控制器的同步逻辑有问题，就会导致输入内容无法正常传递到控制器中。

解决方案 #

方案1：输入数据与UI层解耦（推荐）

把TextEditingController移到登录页面中，通过输入框的onChanged事件同步数据到LoginLogic的响应式变量，彻底避免控制器复用带来的冲突：

login_page.dart

// 在页面内部声明局部控制器
final usernameController = TextEditingController();
final passwordController = TextEditingController();

// ...

TextFormField(
  controller: usernameController,
  onChanged: (val) => controller.username.value = val,
  validator: notEmptyValidator,
  decoration: const InputDecoration(
    border: OutlineInputBorder(),
    labelText: 'Login',
  ),
)

// 登录按钮点击时先收起键盘，确保输入内容同步
ElevatedButton(
  onPressed: () {
    FocusScope.of(context).unfocus();
    controller.login();
  },
  child: const Text('登录'),
)

login_logic.dart

class LoginLogic extends GetxController {
  // 用响应式变量存储输入值
  final username = ''.obs;
  final password = ''.obs;

  void login() async {
    // 直接读取响应式变量的值
    var loginRequest = LoginRequest(username.value, password.value);
    // ...后续登录逻辑
  }
}

方案2：正确管理TextEditingController的生命周期

如果要在LoginLogic中保留控制器，需确保其仅在控制器真正销毁时才释放资源，避免提前手动dispose：

login_logic.dart

class LoginLogic extends GetxController {
  late final TextEditingController usernameValueController;
  late final TextEditingController passwordValueController;

  @override
  void onInit() {
    super.onInit();
    // 在控制器初始化时创建TextEditingController
    usernameValueController = TextEditingController();
    passwordValueController = TextEditingController();
  }

  @override
  void onClose() {
    // 仅在控制器被彻底销毁时释放资源（fenix:true时，仅应用退出或手动删除控制器才会触发）
    usernameValueController.dispose();
    passwordValueController.dispose();
    super.onClose();
  }

  void login() async {
    var loginRequest = LoginRequest(usernameValueController.text, passwordValueController.text);
    // ...登录逻辑，不要在这里调用controller.dispose()
  }
}

方案3：确保输入内容同步到控制器

点击登录按钮时，先收起键盘强制输入框内容同步到控制器，避免因输入框未失焦导致数据未更新：

login_page.dart

ElevatedButton(
  onPressed: () {
    // 收起键盘，强制同步输入内容到控制器
    FocusScope.of(context).unfocus();
    // 可选：延迟极短时间确保同步完成
    Future.delayed(const Duration(milliseconds: 100), () {
      controller.login();
    });
  },
  child: const Text('登录'),
)

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