Telepítse a miniriverpodot percek alatt.
Állítsa be az SDK korlátokat, adja hozzá a csomagot, és ellenőrizze, hogy a ProviderScope + WidgetRef.watch helyesen vannak-e bekötve.
Követelmények
Használja ugyanazokat a korlátokat, mint a csomag, hogy elkerülje az analyzer és a futásidejű eltérést.
Dart SDK
>=3.10.0 <4.0.0
Flutter
Tipp
Ha az alkalmazása Dart 3.10 alá van rögzítve, előbb emelje az SDK korlátokat, majd futtassa a flutter pub get parancsot.
Telepítés
Előnyben részesítse a CLI-s telepítést, majd tartsa a verziót a csomag changelogjával összhangban.
CLI
pubspec.yaml
# Hozzáadás a függőségekhez
dependencies:
miniriverpod: ^0.0.2
Első lépések
Csomagolja az alkalmazást ProviderScope-ba, definiáljon egy Providert, és jelenítse meg az állapotot ConsumerWidgetből.
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')),
);
}
}
Következő lépések
Alapfogalmak
Értse meg az argumentumalapú provider-azonosságot, a Scope injektálást és a codegen nélküli tervezési döntéseket.
Alapfogalmak megnyitásaProviderek és olvasások
Ismerje meg a watch/read/listen viselkedést és az AsyncProvider frissítési mintáit.
Providerek megnyitásaAPI referencia
Gyorsan keressen olyan metódusokat, mint az invalidate, refreshValue, keepAlive és invoke.
API referencia megnyitása