Flutter中RefreshIndicator如何替换默认指示器为CupertinoIndicator

要将RefreshIndicator默认的CircularProgressIndicator替换为iOS风格的Cupertino系列进度指示器，你可以通过RefreshIndicator自带的indicatorBuilder参数自定义刷新指示器，具体实现步骤如下：

• 第一步：引入Cupertino组件库
  在Dart文件头部导入Cupertino依赖：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

• 第二步：配置RefreshIndicator的indicatorBuilder参数
  该回调会返回当前刷新状态，你可以根据状态返回自定义的Cupertino风格指示器，完整示例代码如下：

RefreshIndicator(
  onRefresh: () async {
    // 这里填写你的下拉刷新逻辑，比如请求接口更新数据
    await Future.delayed(const Duration(seconds: 2));
  },
  // 自定义刷新指示器
  indicatorBuilder: (context, refreshState, displacement) {
    return Center(
      child: CupertinoActivityIndicator(
        // 刷新状态为正在刷新时开启动画
        animating: refreshState == RefreshIndicatorMode.refresh,
        radius: 14, // 可根据需求调整指示器大小
      ),
    );
  },
  child: SingleChildScrollView(
    // 原来的滚动视图内容保持不变
    child: Column(
      children: List.generate(20, (index) => ListTile(title: Text('列表项$index'))),
    ),
  ),
)

如果你需要完全对齐iOS原生的下拉刷新交互，也可以直接使用CupertinoSliverRefreshControl组件搭配CustomScrollView实现，交互效果更贴近原生iOS系统。

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