Flutter中AddTaskScreen无法更新TextField输入值问题求助

一、修复「输入内容不更新到任务列表」的问题 #

这个问题的核心是TextField的输入没有同步更新newTaskTitle变量，导致点击Add时始终调用初始值。以下是两种常用的修复方式：

方式1：onChanged回调+setState实时更新变量 #

在State类中维护newTaskTitle，通过TextField的onChanged回调同步输入内容：

class AddTaskScreen extends StatefulWidget {
  @override
  _AddTaskScreenState createState() => _AddTaskScreenState();
}

class _AddTaskScreenState extends State<AddTaskScreen> {
  // 初始化非空变量，同时解决之前的非空赋值错误
  String newTaskTitle = "It's Working";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          TextField(
            // 初始显示值绑定到newTaskTitle
            controller: TextEditingController(text: newTaskTitle),
            // 输入变化时更新变量
            onChanged: (value) {
              setState(() {
                newTaskTitle = value;
              });
            },
          ),
          ElevatedButton(
            onPressed: () {
              // 此时newTaskTitle为最新输入内容
              Navigator.pop(context, newTaskTitle);
            },
            child: Text("Add"),
          ),
        ],
      ),
    );
  }
}

方式2：使用TextEditingController（更推荐） #

用控制器直接管理TextField内容，无需手动维护变量和调用setState：

class AddTaskScreen extends StatefulWidget {
  @override
  _AddTaskScreenState createState() => _AddTaskScreenState();
}

class _AddTaskScreenState extends State<AddTaskScreen> {
  // 初始化控制器并设置默认文本，同时解决非空变量问题
  final TextEditingController _taskController = TextEditingController(text: "It's Working");

  @override
  void dispose() {
    // 销毁控制器避免内存泄漏
    _taskController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          TextField(controller: _taskController),
          ElevatedButton(
            onPressed: () {
              // 直接获取最新输入内容
              String taskTitle = _taskController.text;
              Navigator.pop(context, taskTitle);
            },
            child: Text("Add"),
          ),
        ],
      ),
    );
  }
}

二、解决「Non-nullable variable 'newTaskTitle' must be assigned before it can be used」错误 #

这是Flutter非空安全机制的约束导致的，非空类型变量必须在使用前完成初始化，有三种处理方式：

• 直接初始化：声明变量时直接赋值（如上述代码中的String newTaskTitle = "It's Working";），这是最稳妥的方式
• 使用late关键字：延迟初始化，但必须确保在使用变量前完成赋值，否则会触发运行时错误：

  late String newTaskTitle;
  // 需在initState、onChanged等回调中先赋值再使用
  

• 允许变量为空：声明时添加?改为可空类型，使用时需处理空值情况：

  String? newTaskTitle;
  // 使用时可通过newTaskTitle ?? "默认值"处理空值
  

关键注意点 #

• 不要只初始化newTaskTitle但不关联TextField的输入更新，这是点击Add始终用初始值的根本原因
• 使用TextEditingController时，必须在dispose方法中销毁控制器，避免内存泄漏
• 非空安全错误优先选择直接初始化或使用控制器的方案，比late或可空类型更可靠

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