Flutter中pull_to_refresh下拉刷新无法更新Firebase列表如何解决？

• 下拉刷新触发的_onRefresh回调仅执行了延迟操作，未实现Firebase数据重新拉取的逻辑，刷新动作没有触发数据更新
• HomeSlider和HomeContents两个子组件的数据源默认由内部维护，仅在初始化时加载一次Firebase数据，父组件触发刷新动作时不会通知子组件重新加载数据

你需要将子组件的数据源提升到父组件Home中统一管理，刷新时重新拉取Firebase数据后通过setState更新状态，再将最新数据传递给子组件渲染即可，修改后的参考代码如下：

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  final RefreshController _refreshController = RefreshController(initialRefresh: false);
  // 声明数据源存储Slider和Contents需要的Firebase数据
  List<dynamic> sliderData = [];
  List<dynamic> contentsData = [];

  @override
  void initState() {
    super.initState();
    // 页面首次加载时拉取数据
    _loadDataFromFirebase();
  }

  // 封装Firebase数据拉取逻辑
  Future<void> _loadDataFromFirebase() async {
    // 这里替换为你自己的Firebase拉取数据逻辑
    // final sliderRes = await FirebaseFirestore.instance.collection('slider').get();
    // final contentRes = await FirebaseFirestore.instance.collection('contents').get();
    // setState(() {
    //   sliderData = sliderRes.docs.map((e) => e.data()).toList();
    //   contentsData = contentRes.docs.map((e) => e.data()).toList();
    // });
  }

  void _onRefresh() async {
    try {
      // 重新拉取Firebase最新数据
      await _loadDataFromFirebase();
      _refreshController.refreshCompleted();
    } catch (e) {
      _refreshController.refreshFailed();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        SmartRefresher(
          controller: _refreshController,
          onRefresh: _onRefresh,
          enablePullDown: true,
          child: ListView(
            children: [
              const SizedBox(height: 100),
              // 将最新数据通过参数传递给子组件
              SizedBox(
                height: 180,
                child: HomeSlider(data: sliderData),
              ),
              HomeContents(data: contentsData),
            ],
          ),
        ),
      ]
    );
  }
}

对应需要修改HomeSlider和HomeContents两个子组件，移除内部的Firebase数据拉取逻辑，改为接收父组件传递的data参数进行渲染即可。如果你的子组件需要保留内部数据管理逻辑，也可以给子组件增加refresh回调方法，在_onRefresh触发时调用子组件的刷新方法重新拉取内部数据。

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