Flutter just_audio包：点击IconButton后图标无法即时切换问题求助

核心问题 #

你对await的理解没问题，但just_audio的play()方法默认会让await一直等到整个音频播放完成才返回，这就导致你的setState()被阻塞到音频结束才执行，图标自然没法及时切换。

解决方案1：移除play()前的await，手动触发setState #

直接调用player.play()而不使用await，这样代码不会被阻塞，能立刻执行setState()更新图标。同时记得处理播放可能出现的错误：

onPressed: () async {
  if (player.playing) {
    await player.stop();
    print('stop current player');
  } else {
    for (final otherPlayer in allAudioPlayersList) {
      if (otherPlayer != player && otherPlayer.playing) {
        await otherPlayer.stop();
        print(' Stop other players before starting');
      }
    }
    String mediaFile = alertItemsListItem.mediaFileName;
    if (isiOS) {
      mediaFile += '.mp3';
    }
    await player.setAsset('assets/audios/$mediaFile');
    print('state updated before playing');
    // 移除await，直接调用play并捕获错误
    player.play().catchError((error) {
      print('播放出错：$error');
    });
    print('after player started');
    setState(() {});
    print('after set state');
  }
},

解决方案2：监听播放器状态，自动更新UI（更推荐） #

通过just_audio提供的状态流（Stream）监听播放状态变化，自动触发setState()，不用手动管理更新时机，代码更可靠：

1. 在页面的initState中添加监听：

@override
void initState() {
  super.initState();
  // 监听播放状态变化，自动更新UI
  player.playingStream.listen((isPlaying) {
    setState(() {});
  });
}

@override
void dispose() {
  // 页面销毁时释放播放器资源
  player.dispose();
  super.dispose();
}

2. 简化onPressed代码，移除手动setState()：

onPressed: () async {
  if (player.playing) {
    await player.stop();
    print('stop current player');
  } else {
    for (final otherPlayer in allAudioPlayersList) {
      if (otherPlayer != player && otherPlayer.playing) {
        await otherPlayer.stop();
        print(' Stop other players before starting');
      }
    }
    String mediaFile = alertItemsListItem.mediaFileName;
    if (isiOS) {
      mediaFile += '.mp3';
    }
    await player.setAsset('assets/audios/$mediaFile');
    print('state updated before playing');
    player.play().catchError((error) {
      print('播放出错：$error');
    });
    print('after player started');
    // 这里不再需要手动调用setState
  }
},

补充说明 #

just_audio的play()方法之所以会阻塞await，是因为它返回的Future默认会在播放结束（或暂停/停止）时才完成。如果需要等待播放开始而不是结束，可通过监听player.stateStream中的playing状态确认，但上面两种方案已能解决你的核心问题。

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