Flutter如何在RefreshIndicator隐藏后正确显示SnackBar

SnackBar重复弹出是刷新逻辑被重复触发导致的，核心问题有两个：

• 你给空状态下的Refresh按钮直接绑定了_onRefresh回调，同时在_onRefresh内部又调用了_refreshIndicatorKey.currentState?.show()。而RefreshIndicatorState.show()方法本身会自动触发RefreshIndicator绑定的onRefresh回调，等于点击按钮时_onRefresh会连续执行两次：一次是按钮点击直接触发，一次是show()方法唤起指示器时自动触发，自然会弹出两次SnackBar。
• 你写的Future<void>.delayed(const Duration(seconds: 3));没有加await关键字，这个延迟根本不会阻塞后续代码执行，达不到「等指示器隐藏后再弹提示」的效果。
• 额外笔误：列表构建方法名写错成buidlListView，正确拼写应为buildListView，不影响当前功能但建议修正。

1. 按钮点击时不要直接调用_onRefresh，只调用currentState.show()即可，所有刷新逻辑统一交给RefreshIndicator的onRefresh回调处理，从根源避免重复执行。
2. 延迟等待前加await，确保指示器动画完成后再弹出SnackBar。
3. 修正方法名拼写错误。

修复后的核心代码如下：

final _refreshIndicatorKey = GlobalKey<RefreshIndicatorState>();

@override
Widget build(BuildContext context) {
  return RefreshIndicator(
    key: _refreshIndicatorKey,
    onRefresh: _onRefresh,
    child: buildListView(snapshot), // 修正拼写错误
  );
}

Widget buildListView(AsyncSnapshot<List<Model>> snapshot) {
  if (snapshot.hasData && snapshot.data!.isNotEmpty) {
    return buildModelList(snapshot);
  }
  return buildNoModelList();
}

Widget buildNoModelList() {
  return ListView(
    children: [
      ElevatedButton(
        // 仅触发指示器显示，不直接调用刷新逻辑
        onPressed: () => _refreshIndicatorKey.currentState?.show(),
        child: const SizedBox(
          width: double.infinity,
          child: Text('Refresh', textAlign: TextAlign.center),
        ),
      ),
    ],
  );
}

// buildModelList、loadModels、showSnackBar逻辑无需改动，仅修改_onRefresh方法
Future<void> _onRefresh() async {
  // 删除此处手动调用show()的代码，下拉、按钮触发show()都会自动走到本回调
  final isModelExist = await loadModels();

  // 加await关键字，真正等待延迟结束再执行后续逻辑
  await Future<void>.delayed(const Duration(seconds: 3));

  if (!isModelExist) {
    showSnackBar();
  }
}

补充优化：RefreshIndicator的指示器显示/隐藏动画默认时长约2秒，你可以把延迟调整为和动画时长一致，交互体验会更自然，不需要硬等3秒。

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