Flutter点击Elevated Button无法打印TextField值的解决方法

你的代码逻辑本身无语法错误，但全局变量的方式在Flutter中易出现状态不同步问题，以下是两种可靠的解决方法：

方法一：使用TextEditingController（推荐） #

这是Flutter处理输入框的标准方案，比全局变量更稳定且易于维护：

1. 声明并初始化TextEditingController：

// 在State类中定义（需使用StatefulWidget）
final TextEditingController _taskController = TextEditingController();

2. 将控制器绑定到TextField：

TextField(
  autofocus: true,
  controller: _taskController, // 绑定控制器
),

3. 在按钮点击事件中获取输入内容：

ElevatedButton(
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.all<Color>(Colors.lightBlueAccent),
  ),
  onPressed: () {
    print('NewValue= ${_taskController.text}');
  },
  child: const Text(
    '添加',
    style: TextStyle(
      fontSize: 20,
      fontWeight: FontWeight.bold,
    ),
  ),
)

4. 组件销毁时释放控制器，避免内存泄漏：

@override
void dispose() {
  _taskController.dispose();
  super.dispose();
}

方法二：修复全局变量的状态同步问题 #

如果坚持使用全局变量，需确保组件能感知到变量变化（仅适用于StatefulWidget）：

在TextField的onChanged回调中调用setState，触发组件重建以同步状态：

// 在State类中定义变量
String newTaskName = '';

// TextField代码修改
TextField(
  autofocus: true,
  onChanged: (newText) {
    setState(() {
      newTaskName = newText;
    });
  },
),

此时点击按钮的打印逻辑无需修改，即可输出最新的输入内容。

额外排查点 #

• 确认控制台日志窗口是否打开，避免遗漏输出
• 检查TextField是否正常获取焦点、可输入内容，未被其他组件遮挡
• 排查是否有其他代码意外重置了newTaskName变量

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