miniriverpod-ыг хэдхэн минутын дотор суулгаарай.

SDK-н хязгааруудыг тохируулж, package-ийг нэмээд, ProviderScope + WidgetRef.watch зөв холбогдсоныг баталгаажуулаарай.

Үндсэн ойлголтуудыг нээх GitHub үзэх

Шаардлагууд

Analyzer болон runtime-ийн зөрүүгээс зайлсхийхийн тулд package-тэй ижил хязгаарлалтуудыг ашиглаарай.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Зөвлөгөө

Хэрэв таны app Dart 3.10-аас доогуур түгжигдсэн бол эхлээд SDK хязгаарлалтаа өсгөөд, дараа нь flutter pub get ажиллуулаарай.

Суулгалт

CLI-ээр суулгахыг илүүд үзээд, дараа нь хувилбарыг package-ийн changelog-той тааруулж байгаарай.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Эхний алхмууд

Програмаа ProviderScope-оор ороож, Provider тодорхойлоод, ConsumerWidget-ээс state-ийг дүрслээрэй.

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) => ...) ашиглаарай.
Future-д AsyncProvider<T>((ref) async => ...) ашиглаж, Stream-д ref.emit(stream) ашиглаарай.
mutations хэрэгжүүлэхдээ ref.invoke(provider.method()) руу шилжээрэй.

Дараагийн алхмууд

Үндсэн ойлголтууд

args-д суурилсан provider identity, Scope injection, мөн codegen-гүй дизайны сонголтуудыг ойлгоорой.

Үндсэн ойлголтуудыг нээх

Providерууд ба уншилтууд

watch/read/listen-ийн зан төлөв болон AsyncProvider-ийн refresh загваруудыг сур.

Providеруудыг нээх

API лавлагаа

invalidate, refreshValue, keepAlive, invoke зэрэг аргуудыг хурдан олж үзээрэй.

API лавлагааг нээх