miniriverpod-ты бірнеше минутта орнатыңыз.
SDK шектеулерін орнатыңыз, пакетті қосыңыз және ProviderScope + WidgetRef.watch дұрыс байланысқанын растаңыз.
Талаптар
Анализатор мен 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 анықтамасын ашу