Instalirajte miniriverpod za nekoliko minuta.
Postavite SDK ograničenja, dodajte paket i potvrdite da su ProviderScope + WidgetRef.watch pravilno povezani.
Zahtevi
Koristite ista ograničenja kao paket kako biste izbegli neslaganje između analyzer-a i runtime-a.
Dart SDK
>=3.10.0 <4.0.0
Flutter
Savet
Ako je vaša aplikacija zaključana ispod Dart 3.10, prvo povećajte SDK ograničenja, pa zatim pokrenite flutter pub get.
Instalacija
Preferirajte instalaciju preko CLI-ja, a zatim držite verziju usklađenu sa changelog-om paketa.
CLI
pubspec.yaml
# Add to dependencies
dependencies:
miniriverpod: ^0.0.2
Prvi koraci
Umotajte aplikaciju u ProviderScope, definišite Provider i prikažite state iz ConsumerWidget-a.
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')),
);
}
}
Sledeći koraci
Osnovni koncepti
Razumite provider identitet zasnovan na args, Scope injekciju i dizajnerske izbore bez codegen-a.
Otvori osnovne koncepteProvideri i čitanja
Naučite watch/read/listen ponašanje i AsyncProvider obrasce osvežavanja.
Otvori providereAPI referenca
Brzo pronađite metode kao što su invalidate, refreshValue, keepAlive i invoke.
Otvori API referencu