Avatar
😀

Organizations

1 results for Flutter
  • Riverpod 是 Flutter 中一个强大的状态管理库,它是 Provider 的改进版,解决了 Provider 的一些限制。以下是 Riverpod 的基本使用方法:

    1. 安装依赖

    首先在 pubspec.yaml 中添加依赖:

    1dependencies:
    2  flutter_riverpod: ^2.0.0
    

    然后运行 flutter pub get

    2. 基本使用

    创建 Provider

    1// 创建一个简单的计数器 provider
    2final counterProvider = StateProvider<int>((ref) => 0);
    

    在 Widget 中使用

     1import 'package:flutter_riverpod/flutter_riverpod.dart';
     2
     3class CounterPage extends ConsumerWidget {
     4  @override
     5  Widget build(BuildContext context, WidgetRef ref) {
     6    final counter = ref.watch(counterProvider);
     7    
     8    return Scaffold(
     9      body: Center(
    10        child: Text('Count: $counter'),
    11      ),
    12      floatingActionButton: FloatingActionButton(
    13        onPressed: () => ref.read(counterProvider.notifier).state++,
    14        child: Icon(Icons.add),
    15      ),
    16    );
    17  }
    18}
    

    3. Provider 类型

    Riverpod 提供了多种类型的 Provider:

    Riverpod Flutter Created Mon, 31 Mar 2025 00:00:00 +0000