flutter之RefreshIndicator

基础用法

// 定义刷新key
final GlobalKey<RefreshIndicatorState> _refreshIndicatorKey = GlobalKey<RefreshIndicatorState>();

// 数据源
final List<String> items = List.generate(20, (i) => 'Item ${i + 1}');

// 模拟请求
Future<void> _onRefresh() async {
    await Future.delayed(const Duration(seconds: 2)); // 模拟网络请求
    // 更新数据
    setState(() {
        items.clear();
        items
            .addAll(List.generate(20, (i) => 'New item ${i + items.length + 1}'));
    });
}

/// 手动刷下
void _triggerRefresh() {
    WidgetsBinding.instance!.addPostFrameCallback((_) {
        _refreshIndicatorKey.currentState!.show();
    });
}

@override
  Widget build(BuildContext context) {
    _triggerRefresh()
    return CustomerContainer(
        width: 355,
        height: 485,
        children: RefreshIndicator(
          /// RefreshIndicator 下拉加载更多
          onRefresh: _onRefresh,
          key: _refreshIndicatorKey,
          child: ListView.builder(
              itemCount: items.length,
              itemBuilder: (context, index) {
                return ListTile(
                  title: Text(items[index]),
                );
              }),
        ));
  }

自定用法