Εγκαταστήστε το 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')),
);
}
}
Επόμενα βήματα
Βασικές έννοιες
Κατανοήστε την ταυτότητα των providers με βάση τα ορίσματα, την εισαγωγή Scope και τις σχεδιαστικές επιλογές χωρίς codegen.
Άνοιγμα βασικών εννοιώνProviders & αναγνώσεις
Μάθετε τη συμπεριφορά των watch/read/listen και τα μοτίβα ανανέωσης του AsyncProvider.
Άνοιγμα των providersΑναφορά API
Βρείτε γρήγορα μεθόδους όπως invalidate, refreshValue, keepAlive και invoke.
Άνοιγμα αναφοράς API