如何在Flutter的_appBar方法中调用_buildBody内的_submitData方法

你当前的核心问题是作用域限制：_submitData是_buildBody()的内部函数，仅能在_buildBody()内部访问，而_appBar()是State类的成员方法，无法直接调用这个内部函数。同时原代码还有一个隐藏问题：每次_buildBody()被触发时，都会重新创建TextEditingController，导致输入状态丢失。

以下是可行的重构方案，同时解决这两个问题：

步骤1：将TextEditingController改为State类成员变量 #

在_SettingsProfilePageState类中定义控制器，并在initState中初始化（同时填充现有数据），在dispose中释放资源：

class _SettingsProfilePageState extends State<SettingsProfilePage> {
  late Box<Settings> boxSettings;
  // 定义类级别的控制器
  late TextEditingController nameController;
  late TextEditingController firstNameController;
  late TextEditingController jobController;
  late TextEditingController phoneNumberController;
  late TextEditingController emailController;

  @override
  void initState() {
    super.initState();
    boxSettings = Hive.box('Settings');
    // 初始化控制器，填充现有数据
    nameController = TextEditingController(text: widget.settingsList.name);
    firstNameController = TextEditingController(text: widget.settingsList.firstname);
    jobController = TextEditingController(text: widget.settingsList.job);
    phoneNumberController = TextEditingController(text: widget.settingsList.phonenumber);
    emailController = TextEditingController(text: widget.settingsList.email);
  }

  @override
  void dispose() {
    // 释放控制器资源
    nameController.dispose();
    firstNameController.dispose();
    jobController.dispose();
    phoneNumberController.dispose();
    emailController.dispose();
    super.dispose();
  }

  // ... 其他方法
}

步骤2：将_submitData改为State类成员方法 #

把原来_buildBody()内部的_submitData移到State类中，直接使用类级别的控制器：

void _submitData() {
  String enteredName = nameController.text.trim();
  String enteredFirstName = firstNameController.text.trim();
  String enteredJob = jobController.text.trim();
  String enteredPhoneNumber = phoneNumberController.text.trim();
  String enteredEmail = emailController.text.trim();

  // 简化空值处理逻辑，直接用三元表达式替代嵌套函数
  final updatedSettings = Settings(
    name: enteredName.isEmpty ? widget.settingsList.name : enteredName,
    firstname: enteredFirstName.isEmpty ? widget.settingsList.firstname : enteredFirstName,
    job: enteredJob.isEmpty ? widget.settingsList.job : enteredJob,
    phonenumber: enteredPhoneNumber.isEmpty ? widget.settingsList.phonenumber : enteredPhoneNumber,
    email: enteredEmail.isEmpty ? widget.settingsList.email : enteredEmail,
  );

  if (boxSettings.isEmpty) {
    boxSettings.add(updatedSettings);
  } else {
    boxSettings.putAt(0, updatedSettings);
  }
  Navigator.pop(context);
}

步骤3：在_appBar()中直接调用_submitData #

现在_submitData是State类的成员方法，_appBar()可以直接访问，添加保存按钮即可：

AppBar _appBar() {
  return AppBar(
    title: const Text('Profile Settings'),
    actions: [
      TextButton(
        onPressed: _submitData,
        style: TextButton.styleFrom(foregroundColor: Colors.white),
        child: const Text('Save'),
      ),
    ],
  );
}

步骤4：重构_buildBody() #

移除内部的控制器和_submitData定义，直接使用类级别的控制器构建输入框：

Widget _buildBody() {
  return Padding(
    padding: const EdgeInsets.all(16.0),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: [
        TextField(
          controller: nameController,
          decoration: const InputDecoration(labelText: 'Name'),
        ),
        const SizedBox(height: 12),
        TextField(
          controller: firstNameController,
          decoration: const InputDecoration(labelText: 'First Name'),
        ),
        const SizedBox(height: 12),
        TextField(
          controller: jobController,
          decoration: const InputDecoration(labelText: 'Job'),
        ),
        const SizedBox(height: 12),
        TextField(
          controller: phoneNumberController,
          decoration: const InputDecoration(labelText: 'Phone Number'),
          keyboardType: TextInputType.phone,
        ),
        const SizedBox(height: 12),
        TextField(
          controller: emailController,
          decoration: const InputDecoration(labelText: 'Email'),
          keyboardType: TextInputType.emailAddress,
        ),
      ],
    ),
  );
}

为什么这个方案更好？ #

1. 解决了作用域问题，_appBar()可以直接调用提交方法
2. 修复了原代码中每次build重建控制器导致的输入状态丢失问题
3. 简化了空值处理逻辑，代码更易读维护

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