State.initState() must be a void method without an `async` keyword错误解析

在这里插入图片描述

文章目录

报错问题
- 报错的代码
错误原因
解决方法
- 解析
另外的方法

报错问题

State.initState() must be a void method without an `async` keyword

如下图：

报错的代码

报错的代码如下：

  @overridevoid initState() async{super.initState();await getConfig("exerciseMusic").then((value) => {_selectedExerciseMusic = value ?? '默认音乐'});await getConfig("restMusic").then((value) => {_selectedRestMusic = value ?? '默认音乐'});await getConfig("finishMusic").then((value) => {_selectedFinishMusic = value ?? '默认音乐'});}

错误原因

State.initState() 方法是 Flutter 中 StatefulWidget 类的生命周期方法之一，用于初始化小部件的状态。该方法必须是一个 void 方法，不能使用 async 关键字。这是因为 initState() 方法会在小部件创建后立即调用，负责初始化小部件的状态。而 async 关键字用于指示一个方法是异步的，这意味着它会返回一个 Future 对象，而不是立即完成。然而，initState() 方法不能是异步的，因为它必须在小部件的构建方法被调用之前完成。

解决方法

要解决此错误，需要从 initState() 方法中删除 async 关键字，并将任何异步操作放在单独的方法中。然后，可以从 initState() 方法中调用该单独的方法。

  Future<void> _loadData() async {// Perform asynchronous operations hereawait Future.delayed(Duration(seconds: 2));setState(() {// Update state after asynchronous operations are complete});}@overridevoid initState() {super.initState();_loadData();}

解析

Future _loadData() async 是一个异步函数，它会返回一个 Future 对象，并在将来某个时候完成。但是，在 initState() 方法中调用它时，不会阻塞主线程。这是因为 initState() 方法是在主线程中调用的，而异步函数是在后台线程中执行的。

当在 initState() 方法中调用 _loadData() 方法时，它会立即返回一个 Future 对象。然后，主线程会继续执行 initState() 方法的其余部分，并最终调用 build() 方法来构建小部件。

与此同时，异步函数 _loadData() 会在后台线程中执行。当它完成时，它会调用 setState() 方法来更新小部件的状态。这会导致小部件重新构建，并反映异步操作的结果。

因此，即使 _loadData() 是一个异步函数，也不会阻塞 initState() 方法或导致小部件延迟构建。这是因为异步函数是在后台线程中执行的，不会影响主线程。

修改后的代码如下：

Future<void> _loadData() async {// Perform asynchronous operations here// await Future.delayed(Duration(seconds: 2));await getConfig("exerciseMusic").then((value) =>{_selectedExerciseMusic = value ?? '默认音乐'});await getConfig("restMusic").then((value) =>{_selectedRestMusic = value ?? '默认音乐'});await getConfig("finishMusic").then((value) =>{_selectedFinishMusic = value ?? '默认音乐'});setState(() {// Update state after asynchronous operations are complete});}@overridevoid initState(){super.initState();_loadData();}

这些修改就不会报错了。

另外的方法

这个场景获得的数据小，时间短也可以使用FutureBuilder来实现。

@override
Widget build(BuildContext context) {return FutureBuilder(future: doSomeAsyncStuff(),builder: (context, snapshot) {if (!snapshot.hasData) {// Future hasn't finished yet, return a placeholderreturn Text('Loading');}return Text('Loading Complete: ${snapshot.data}');});
}