Skip to content

Provider 状态管理

定义 Provider

dart
final counterProvider = StateProvider<int>((ref) => 0);
final userListProvider = FutureProvider<List<User>>((ref) async {
  return fetchUsers();
});

在 Widget 中使用

dart
class CounterWidget extends ConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final count = ref.watch(counterProvider);
    return Text('$count');
  }
}

修改状态

dart
ref.read(counterProvider.notifier).state++;

基于 VitePress 构建