Flutter 2.5.2中TextField onChange值如何传递到按钮onPressed属性？

你遇到的两个问题分别对应不同的技术特性逻辑：

1. 非空变量报错是Dart空安全特性导致的：Flutter 2.0及以上版本默认绑定支持空安全的Dart SDK，非可空类型的变量必须在使用前完成初始化，未赋值就直接使用会触发编译错误。
2. 赋值后打印始终为null/初始值的核心原因是：你将newTextTitle变量定义在了build方法内部。Flutter的build方法会在每次需要重绘UI时（比如键盘弹出、输入触发局部刷新、父组件重绘等）重新执行，每次执行都会重新声明并初始化newTextTitle变量，你在onChanged里给旧的变量实例赋值后，只要build重新执行，就会生成新的newTextTitle实例，初始值为你定义的null/默认值，自然拿不到之前输入的内容。

方案1：手动管理变量 #

将变量移到State类的成员位置，不要放在任何方法内部即可，不需要修改原有赋值逻辑：

class InputPage extends StatefulWidget {
  const InputPage({super.key});

  @override
  State<InputPage> createState() => _InputPageState();
}

class _InputPageState extends State<InputPage> {
  // 变量定义为State类的成员，给定初始空字符串避免空安全报错
  String newTextTitle = '';

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TextField(
          autofocus: true,
          textAlign: TextAlign.center,
          onChanged: (newValue) {
            newTextTitle = newValue;
            // 如果输入时需要同步更新其他UI组件的展示，添加setState
            // setState(() {});
          },
        ),
        TextButton(
          onPressed: () {
            print('Passing Test $newTextTitle');
          },
          child: const Text("获取输入值"),
        )
      ],
    );
  }
}

方案2：使用TextEditingController #

也可以直接使用TextField原生提供的控制器管理输入内容，不需要手动声明变量做赋值：

class _InputPageState extends State<InputPage> {
  // 初始化输入控制器
  final TextEditingController _titleController = TextEditingController();

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

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TextField(
          autofocus: true,
          textAlign: TextAlign.center,
          // 绑定控制器
          controller: _titleController,
        ),
        TextButton(
          onPressed: () {
            // 直接从控制器读取输入内容
            print('Passing Test ${_titleController.text}');
          },
          child: const Text("获取输入值"),
        )
      ],
    );
  }
}

这种方案更适合输入内容需要和多个组件联动的场景，代码维护成本更低。

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