Flutter报错：类MyApp中未定义setState方法

这个问题其实很常见——setState是StatefulWidget对应的State类才有的方法，如果你的MyApp继承的是StatelessWidget，那肯定找不到这个方法。而且你把phoneNo定义在build方法里也有问题，每次build执行时这个变量都会被重新初始化，根本没法保存输入的状态。

下面是具体的修复方案：

步骤1：将MyApp改为StatefulWidget #

把原来的无状态组件改成有状态组件，这样就能使用setState来更新状态了。

步骤2：把状态变量移到State类中 #

将phoneNo从build方法里移到State类的成员变量位置，确保它能在组件生命周期中保持状态。

步骤3：在onSubmitted中调用setState #

现在就可以正常在回调里用setState更新phoneNo的值了。

修改后的完整代码示例：

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 将phoneNo作为State类的成员变量，维护组件状态
  String? phoneNo;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'SchoolTrack',
      theme: ThemeData(
        primaryColor: Colors.grey[50],
      ),
      home: Scaffold(
        appBar: null,
        backgroundColor: Colors.cyan[100],
        body: Container(
          padding: const EdgeInsets.all(32.0),
          child: Center(
            child: TextField(
              autofocus: true,
              autocorrect: false,
              onSubmitted: (value) {
                // 调用setState更新状态，触发UI重建
                setState(() {
                  phoneNo = value;
                  // 这里可以添加后续逻辑，比如打印、页面跳转等
                  print('输入的手机号：$phoneNo');
                });
              },
              decoration: InputDecoration(
                hintText: '请输入手机号',
              ),
            ),
          ),
        ),
      ),
    );
  }
}

额外建议：如果不想把整个MyApp改成有状态组件，也可以把包含TextField的这部分UI抽成一个单独的StatefulWidget子组件，这样更符合Flutter组件拆分的最佳实践，代码结构也更清晰。

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