Տեղադրեք 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
# Add to your dependencies
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-ի նախագծման ընտրությունները։
Բացել հիմնական հասկացություններըProviders և ընթերցումներ
Սովորեք watch/read/listen վարքագիծը և AsyncProvider-ի թարմացման օրինաչափությունները։
Բացել Providers-ը