Flutter：StatelessWidget的build函数内变量赋值后打印为null求助

你的两个疑问解答 #

1. 不是Flutter版本问题：这个逻辑在Flutter 2.x和3.x里的表现完全一致，和版本无关。
2. 可以在StatelessWidget的build函数内修改变量，但问题不在修改本身：你声明的newTaskTitle是build函数的局部变量，而Flutter会在Widget需要更新时多次调用build函数，每次调用都会重新初始化newTaskTitle为null；另外，StatelessWidget本身不持有持久状态，局部变量的状态无法在回调间可靠保留。

为什么打印总是null？ #

每次TextField输入触发onChanged赋值后，一旦Flutter触发build函数重新执行（比如页面有其他UI更新），newTaskTitle会被重新声明并初始化为null。就算没有触发build，由于闭包特性，按钮回调里访问的newTaskTitle也可能是最初的null值——因为build函数执行时创建的闭包捕获的是变量引用，但局部变量的生命周期和build调用绑定。

正确的实现方式 #

方式一：改用StatefulWidget（最常用方案） #

把AddTaskScreen改成StatefulWidget，将newTaskTitle存在State类的成员变量里，状态会被持久保存：

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

class _AddTaskScreenState extends State<AddTaskScreen> {
  String? newTaskTitle;

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          TextField(
            autofocus: true,
            textAlignVertical: TextAlignVertical.bottom,
            onChanged: (value) {
              newTaskTitle = value;
            },
          ),
          ElevatedButton(
            onPressed: () {
              print(newTaskTitle);
            },
          )
        ],
      ),
    );
  }
}

方式二：使用TextEditingController（更灵活方案） #

不管是Stateless还是StatefulWidget都可以用，但在Stateless里要注意管理Controller的生命周期（推荐结合StatefulWidget使用，避免内存泄漏）：

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

class _AddTaskScreenState extends State<AddTaskScreen> {
  final TextEditingController _taskController = TextEditingController();

  @override
  void dispose() {
    _taskController.dispose(); // 必须释放资源
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          TextField(
            controller: _taskController,
            autofocus: true,
            textAlignVertical: TextAlignVertical.bottom,
          ),
          ElevatedButton(
            onPressed: () {
              print(_taskController.text);
            },
          )
        ],
      ),
    );
  }
}

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