Flutter异步通信时如何避免遗漏Indicator关闭操作？

在Flutter里异步操作时忘记关闭Indicator确实是个容易踩的坑，下面几种方法可以彻底杜绝这类遗漏：

1. 用try/finally强制保证关闭 #

不管异步操作成功还是抛出异常，finally块里的代码一定会执行，把关闭Indicator的逻辑放在这里，就再也不会遗漏：

showIndicator();
try {
  await asyncFunction();
} finally {
  dismissIndicator();
}

2. 封装通用工具函数 #

把显示、关闭Indicator的逻辑封装成一个复用函数，每次调用异步任务时直接用这个函数包裹，从根源上避免重复编写show和dismiss：

// 封装工具函数
Future<T> withIndicator<T>(Future<T> Function() asyncTask) async {
  showIndicator();
  try {
    return await asyncTask();
  } finally {
    dismissIndicator();
  }
}

// 调用方式
await withIndicator(() => asyncFunction());
await withIndicator(() => asyncFunctionTwo());

这样只需要关注业务异步任务，Indicator的管理交给工具函数处理。

3. 利用Future的whenComplete方法 #

Future的whenComplete会在任务完成（成功/失败）后执行指定操作，写法更简洁，同样能保证Indicator被关闭：

showIndicator();
await asyncFunction().whenComplete(dismissIndicator);

4. 封装带加载状态的自定义Widget #

如果是在UI层处理，可以把加载状态和Widget绑定，封装一个自动管理Indicator的组件，不用手动调用show/dismiss：

class LoadingWrapper extends StatefulWidget {
  final Future<void> Function() onLoad;
  final Widget child;

  const LoadingWrapper({super.key, required this.onLoad, required this.child});

  @override
  State<LoadingWrapper> createState() => _LoadingWrapperState();
}

class _LoadingWrapperState extends State<LoadingWrapper> {
  bool _isLoading = false;

  Future<void> _handleLoad() async {
    setState(() => _isLoading = true);
    try {
      await widget.onLoad();
    } finally {
      setState(() => _isLoading = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: _handleLoad,
      child: Stack(
        children: [
          widget.child,
          if (_isLoading)
            Container(
              color: Colors.black54,
              child: const Center(child: CircularProgressIndicator()),
            ),
        ],
      ),
    );
  }
}

// 使用示例
LoadingWrapper(
  onLoad: asyncFunction,
  child: const Text("点击触发异步操作"),
)

这种方式把加载逻辑完全封装在Widget内部，UI状态自动同步，彻底避免手动管理Indicator的遗漏问题。

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