前端

在Flutter中，允许我们刷新屏幕的小部件是 `RefreshIndicator`。这个小部件通常用于包装一个可滚动的小部件，比如 `ListView` 或 `ScrollView`，当用户下拉屏幕时，可以触发一个回调函数来更新数据并重新构建界面。

### 使用示例

以下是一个使用 `RefreshIndicator` 的基本示例：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  List<String> items = List.generate(20, (i) => "Item $i");

  Future<void> refreshList() async {
    await Future.delayed(Duration(seconds: 2)); //模拟网络请求
    setState(() {
      items = List.generate(40, (i) => "Refreshed item $i");
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Refresh Indicator Demo")),
      body: RefreshIndicator(
        onRefresh: refreshList,
        child: ListView.builder(
          itemCount: items.length,
          itemBuilder: (context, index) {
            return ListTile(title: Text(items[index]));
          },
        ),
      ),
    );
  }
}
```

在这个例子中，我们创建了一个带有 `ListView.builder` 的 `RefreshIndicator`。`onRefresh` 属性是一个异步回调函数，它负责更新列表数据。在这个函数中，我使用了 `Future.delayed` 来模拟一个网络请求，然后通过 `setState` 更新UI，添加更多的数据项到列表中。当用户在 `ListView` 上向下滑动时，`RefreshIndicator` 会显示一个加载动画，直到提供的异步操作完成。

这种方式非常适合于实现“下拉刷新”功能，提升用户体验，使得用户可以通过简单的操作来更新页面内容。

Flutter 哪个小部件允许我们刷新屏幕？

使用示例