miniriverpod මිනිත්තු කිහිපයකින් ස්ථාපනය කරන්න.

SDK සීමා සකසන්න, පැකේජය එක් කරන්න, සහ ProviderScope + WidgetRef.watch නිවැරදිව සම්බන්ධ වී ඇති බව තහවුරු කරන්න.

මූලික සංකල්ප විවෘත කරන්න GitHub බලන්න

අවශ්‍යතා

Analyzer සහ runtime නොගැලපීම් වලින් වැළකීමට පැකේජයට සමාන සීමා භාවිත කරන්න.

Dart SDK

>=3.10.0 <4.0.0

Flutter

ඉඟිය

ඔබගේ app එක Dart 3.10 ට පහළින් pin කර ඇති නම්, පළමුව SDK සීමා ඉහළ නංවා පසුව flutter pub get ක්‍රියාත්මක කරන්න.

ස්ථාපනය

CLI ස්ථාපනයට ප්‍රමුඛතාවය දෙන්න, පසුව සංස්කරණය package changelog සමඟ සම්බන්ධ කර තබන්න.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

පළමු පියවර

ඔබගේ app එක 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 නැති design තීරණ තේරුම් ගන්න.

මූලික සංකල්ප විවෘත කරන්න

Providers සහ කියවීම්

watch/read/listen හැසිරීම සහ AsyncProvider refresh රටා ඉගෙන ගන්න.

Providers විවෘත කරන්න

API යොමුව

invalidate, refreshValue, keepAlive, invoke වැනි ක්‍රම ඉක්මනින් සොයා බලන්න.

API යොමුව විවෘත කරන්න