Instalirajte miniriverpod za nekoliko minuta.

Postavite SDK ograničenja, dodajte paket i potvrdite da su ProviderScope + WidgetRef.watch ispravno povezani.

Otvori osnovne pojmove Prikaži GitHub

Zahtjevi

Koristite ista ograničenja kao paket kako biste izbjegli nesklad između analizatora i izvođenja.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Savjet

Ako je vaša aplikacija zaključana ispod Dart 3.10, prvo povećajte ograničenja SDK-a, a zatim pokrenite flutter pub get.

Instalacija

Prednost dajte CLI instalaciji, a zatim verziju držite usklađenu s paketovim changelogom.

CLI

pubspec.yaml

# Dodajte u ovisnosti
dependencies:
  miniriverpod: ^0.0.2

Prvi koraci

Obavijte aplikaciju s ProviderScope, definirajte Provider i prikažite stanje iz ConsumerWidgeta.

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')),
    );
  }
}

Koristite Provider((ref) => ...) za sinkrone vrijednosti.

Koristite AsyncProvider<T>((ref) async => ...) za Future i ref.emit(stream) za Stream.

Prebacite se na ref.invoke(provider.method()) kada implementirate mutacije.

Sljedeći koraci

Osnovni pojmovi

Shvatite identitet providera temeljen na argumentima, Scope injektiranje i dizajnerske odluke bez codegeneriranja.

Otvori osnovne pojmove

Provideri i čitanja

Naučite ponašanje watch/read/listen i obrasce osvježavanja AsyncProvidera.

Otvori providere

API referenca

Brzo pronađite metode poput invalidate, refreshValue, keepAlive i invoke.

Otvori API referencu