Flutter问题：FutureBuilder刷新数据后无法重载UI，重载按钮持续显示

看起来你遇到的核心问题是：点击重载按钮后，新的请求结果没有更新UI，而且重载按钮一直显示。这是因为你没有更新FutureBuilder监听的_myResponse变量，也没有触发组件重建。

具体问题点 #

1. 点击Reload按钮和触发onRefresh时，你只是调用了_getLessonDetail方法，但没有把返回的新Future赋值给_myResponse。FutureBuilder只会监听初始化时的那个Future，不会自动感知新的请求。
2. 当请求失败时，_getLessonDetail返回null，导致snapshot.hasData始终为false，即使后续请求成功，也需要确保正确更新状态。

修复步骤 #

• 在触发重新加载时，将_getLessonDetail返回的Future赋值给_myResponse，并通过setState通知组件重建，让FutureBuilder监听新的请求。
• 优化错误状态下的处理，确保重新请求时能正确切换加载状态。

修改后的完整代码 #

class _LessonDetailState extends BaseState<LessonDetail> {
  String monthKey;
  String lessonFileKey;
  int monthId;
  Future<PlayLessonResponse> _myResponse;
  final GlobalKey<RefreshIndicatorState> _refreshIndicatorKey = new GlobalKey<RefreshIndicatorState>();

  _LessonDetailState(this.monthKey, this.lessonFileKey,this.monthId);

  @override
  void initState() {
    Future.delayed(Duration.zero,() {
      _myResponse = _getLessonDetail(context, monthKey, lessonFileKey);
    });
    super.initState();
  }

  // 新增一个方法统一处理重新加载逻辑
  void _reloadLessonDetail() {
    setState(() {
      // 将新的Future赋值给_myResponse，触发FutureBuilder重新监听
      _myResponse = _getLessonDetail(context, monthKey, lessonFileKey);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Directionality(
      textDirection: TextDirection.rtl,
      child: Scaffold(
        body: FutureBuilder<PlayLessonResponse>(
          future: _myResponse,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.done) {
              if(snapshot.hasData){
                // 这里是有数据时的UI渲染逻辑
                return /* 你的正常内容组件 */;
              } else {
                return RefreshIndicator(
                  key: _refreshIndicatorKey,
                  child: Container(
                    width: double.infinity,
                    height: double.infinity,
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          padding: EdgeInsets.all(15),
                          child: Text(
                            "Error",
                            style: AppTheme.of(context).caption(),
                          ),
                        ),
                        RaisedButton(
                          color: Colors.white,
                          child: Text(
                            "Reload",
                            style: AppTheme.of(context).caption(),
                          ),
                          // 调用统一的重载方法
                          onPressed: _reloadLessonDetail,
                          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))
                        ),
                      ],
                    ),
                  ),
                  // 同样调用统一的重载方法，并返回Future给RefreshIndicator
                  onRefresh: () async {
                    _reloadLessonDetail();
                    // 等待请求完成，确保RefreshIndicator的刷新状态正确结束
                    await _myResponse;
                  },
                );
              }
            }
            // 请求进行中时显示加载指示器
            return Center(
              child: CircularProgressIndicator(),
            );
          }
        ),
      ),
    );
  }

  Future<PlayLessonResponse> _getLessonDetail(BuildContext context, String monthKey, String lessonFileKey) async {
    try{
      // 这里是你的网络请求逻辑，比如：
      // final response = await http.get(...);
      // return PlayLessonResponse.fromJson(response.body);
    }catch(error){
      print(error);
      // 注意：如果请求失败，这里返回null，会让snapshot.hasData为false
      return null;
    }
  }
}

关键修改说明 #

1. 新增了_reloadLessonDetail方法，统一处理重新加载逻辑：通过setState更新_myResponse为新的Future，触发FutureBuilder重新构建。
2. 修改了RaisedButton的onPressed，调用_reloadLessonDetail方法，而不是直接调用_getLessonDetail。
3. 优化了onRefresh回调：调用_reloadLessonDetail后，等待_myResponse完成，确保下拉刷新的状态能正确结束。
4. 确保在FutureBuilder中，当connectionState不是done时，始终显示加载指示器，让用户知道正在重新请求。

这样修改后，点击重载按钮或下拉刷新时，都会触发新的请求，并且请求结果会更新UI，成功后会显示正常内容，失败则继续显示错误界面和重载按钮。

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