StatelessWidget转StatefulWidget(使用createState)出现State生命周期错误如何解决

核心错误原因 #

createState方法的泛型参数声明不匹配，你在MyApp类中声明该方法的返回值为State<StatefulWidget>，但实际返回的MyAppState实例绑定的泛型是State<MyApp>，二者类型不匹配导致State实例无法和对应的Widget正确关联，所以抛出了not mounted的异常。
课程示例能正常运行是因为课程使用的Flutter版本较低，旧版本对该泛型匹配的校验规则宽松，不会触发报错，新版Flutter加强了类型安全校验才会抛出该异常。

修复代码 #

将MyApp类的createState方法修改为以下内容即可：

class MyApp extends StatefulWidget {
  @override
  State<MyApp> createState() {
    return MyAppState();
  }
}

你也可以直接使用更简洁的隐式返回写法，自动推导类型避免手写泛型出错：

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

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