📖

[環境構築]riverpodの設定

2024/03/14に公開

Riverpod環境構築(pubspec.yaml)

name: my_app_name
environment:
  sdk: ">=3.0.0 <4.0.0"
  flutter: ">=3.0.0"

dependencies:
  flutter:
    sdk: flutter
  flutter_riverpod: ^2.5.1
  riverpod_annotation: ^2.3.5

dev_dependencies:
  build_runner:
  custom_lint:
  riverpod_generator: ^2.4.0
  riverpod_lint: ^2.3.10

Providerの生成

  • 一つのstateを含むだけのプロバイダー
final appNameProvider = Provider((ref) => 'My TODO');
  • ⭐️使える⭐️一つのstateを共有し、追加で専用の関数を加えられるプロバイダー
    flutter pub run build_runner watchでg.dartファイルができる。
import 'package:riverpod_annotation/riverpod_annotation.dart';
part 'hello_world.g.dart';

@riverpod
class HelloWorld extends _$HelloWorld {

  @override
  int build() {
    return 0;
  }

  void onItemTapped(int index) {
    state = index;
  }
}

Discussion