miniriverpod'ду бир нече мүнөттө орнотуңуз.
SDK чектөөлөрүн коюңуз, пакетти кошуңуз жана ProviderScope + WidgetRef.watch туура туташканын текшериңиз.
Талаптар
Analyzer жана runtime дал келбестигинен качуу үчүн пакеттегидей чектөөлөрдү колдонуңуз.
Dart SDK
>=3.10.0 <4.0.0
Flutter
Кеңеш
Эгер колдонмоңуз Dart 3.10дон төмөн бекитилсе, алгач SDK чектөөлөрүн жогорулатып, андан кийин flutter pub get иштетиңиз.
Орнотуу
CLI орнотууну артык көрүп, андан кийин версияны пакеттин changelog'уна шайкеш кармаңыз.
CLI
pubspec.yaml
# Зависимосторго кошуу
dependencies:
miniriverpod: ^0.0.2
Алгачкы кадамдар
Колдонмоңузду ProviderScope менен ороп, Provider аныктаңыз жана абалды ConsumerWidgetтен чыгарыңыз.
import 'package:flutter/widgets.dart';
import 'package:miniriverpod/miniriverpod.dart';
final counterProvider = Provider<int>((ref) => 0);
void main() {
runApp(const ProviderScope(child: CounterApp()));
}
class CounterApp extends ConsumerWidget {
const CounterApp({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final count = ref.watch(counterProvider);
return Directionality(
textDirection: TextDirection.ltr,
child: Center(child: Text('$count')),
);
}
}
Кийинки кадамдар
Негизги түшүнүктөр
Аргументтерге негизделген provider өзгөчөлүгүн, Scope инъекциясын жана codegen жок дизайн чечимдерин түшүнүңүз.
Негизги түшүнүктөрдү ачууProvider'лер жана окуулар
watch/read/listen жүрүм-турумун жана AsyncProvider жаңыртуу ыкмаларын үйрөнүңүз.
Provider'лерди ачууAPI шилтемеси
invalidate, refreshValue, keepAlive жана invoke сыяктуу ыкмаларды тез табыңыз.
API шилтемесин ачуу