I-install ang miniriverpod sa loob ng ilang minuto.

Itakda ang mga limitasyon ng SDK, idagdag ang package, at kumpirmahing tama ang pagkaka-wire ng ProviderScope + WidgetRef.watch.

Buksan ang Mga Pangunahing Konsepto Tingnan ang GitHub

Mga Kinakailangan

Gamitin ang kaparehong mga limitasyon gaya ng package upang maiwasan ang hindi pagtutugma ng analyzer at runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Kung naka-pin ang app mo nang mas mababa sa Dart 3.10, itaas muna ang mga limitasyon ng SDK, saka patakbuhin ang flutter pub get.

Pag-install

Mas mainam ang pag-install sa CLI, pagkatapos ay panatilihing nakaayon ang bersyon sa changelog ng package.

CLI

pubspec.yaml

# Idagdag sa dependencies
dependencies:
  miniriverpod: ^0.0.2

Mga Unang Hakbang

I-wrap ang app mo sa ProviderScope, magdeklara ng Provider, at i-render ang state mula sa ConsumerWidget.

// 1) I-wrap ang app mo sa ProviderScope
void main() {
  runApp(const ProviderScope(child: MyApp()));
}

// 2) Magdeklara ng Provider
final counterProvider = Provider<int>((ref) => 0);

// 3) I-watch mula sa UI
class MyApp extends ConsumerWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final count = ref.watch(counterProvider);
    return Directionality(
      textDirection: TextDirection.ltr,
      child: Center(child: Text('$count')),
    );
  }
}

Gamitin ang Provider((ref) => ...) para sa mga synchronous na halaga.

Gamitin ang AsyncProvider<T>((ref) async => ...) para sa Future at ref.emit(stream) para sa Stream.

Lumipat sa ref.invoke(provider.method()) kapag nag-implement ka ng mga mutation.

Mga Susunod na Hakbang

Mga Pangunahing Konsepto

Unawain ang provider identity na nakabase sa args, Scope injection, at mga desisyong disenyo na walang codegen.

Buksan ang Mga Pangunahing Konsepto

Mga Provider at Pagbasa

Matutunan ang asal ng watch/read/listen at mga pattern ng pag-refresh ng AsyncProvider.

Buksan ang Mga Provider

Sanggunian ng API

Mabilis na hanapin ang mga metodo tulad ng invalidate, refreshValue, keepAlive, at invoke.

Buksan ang Sanggunian ng API