ដំឡើង miniriverpod ក្នុងប៉ុន្មាននាទី។

កំណត់ SDK constraints បន្ថែម package ហើយបញ្ជាក់ថា ProviderScope + WidgetRef.watch ត្រូវបានភ្ជាប់ត្រឹមត្រូវ។

បើកគំនិតមូលដ្ឋាន មើល GitHub

តម្រូវការ

ប្រើ constraints ដូច package ដើម្បីជៀសវាងភាពមិនស្របគ្នារវាង analyzer និង runtime។

Dart SDK

>=3.10.0 <4.0.0

Flutter

គន្លឹះ

បើ app របស់អ្នកត្រូវបាន pin ទាបជាង Dart 3.10 សូមបង្កើន SDK constraints ជាមុន rồi run flutter pub get។

ដំឡើង

អាទិភាពឲ្យការដំឡើងតាម CLI បន្ទាប់មករក្សាកំណែឲ្យស្របនឹង changelog របស់ package។

CLI

pubspec.yaml

# Add to your dependencies
dependencies:
  miniriverpod: ^0.0.2

ជំហានដំបូង

រុំកម្មវិធីរបស់អ្នកក្នុង ProviderScope កំណត់ Provider ហើយបង្ហាញ state ពី 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((ref) => ...) សម្រាប់តម្លៃ synchronous។

ប្រើ AsyncProvider<T>((ref) async => ...) សម្រាប់ Future ហើយ ref.emit(stream) សម្រាប់ Stream។

ប្តូរទៅ ref.invoke(provider.method()) នៅពេលអ្នកអនុវត្ត mutations។

ជំហានបន្ទាប់

គំនិតមូលដ្ឋាន

យល់ពីអត្តសញ្ញាណ provider ផ្អែកលើ args, ការបញ្ចូល Scope, និងជម្រើសរចនាដោយគ្មាន codegen។

បើកគំនិតមូលដ្ឋាន

Providers និងការអាន

រៀនអំពី behavior របស់ watch/read/listen និង pattern ការធ្វើ refresh របស់ AsyncProvider។

បើក Providers

ឯកសារ API

ស្វែងរក method ដូចជា invalidate, refreshValue, keepAlive និង invoke បានយ៉ាងលឿន។

បើកឯកសារ API