Asenna miniriverpod muutamassa minuutissa.

Aseta SDK-rajoitukset, lisää paketti ja varmista, että ProviderScope + WidgetRef.watch on kytketty oikein.

Vaatimukset

Käytä samoja rajoituksia kuin paketissa, jotta vältät analyzerin ja ajonaikaisen ympäristön erot.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Vinkki

Jos sovelluksesi on sidottu Dart 3.10:aa vanhempaan versioon, nosta ensin SDK-rajoituksia ja aja sitten flutter pub get.

Asennus

Suosi CLI-asennusta ja pidä sen jälkeen versio linjassa paketin muutoslokin kanssa.

CLI

pubspec.yaml

# Lisää riippuvuuksiin
dependencies:
  miniriverpod: ^0.0.2

Ensiaskeleet

Kiedo sovelluksesi ProviderScopeen, määritä Provider ja piirrä tila ConsumerWidgetistä.

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

Käytä Provider((ref) => ...) -muotoa synkronisille arvoille.

Käytä AsyncProvider<T>((ref) async => ...) Future-arvoille ja ref.emit(stream) Streameille.

Siirry ref.invoke(provider.method()) -kutsuun, kun toteutat mutaatioita.

Seuraavat vaiheet

Peruskäsitteet

Ymmärrä argumentteihin perustuva providerien identiteetti, Scopen sisällyttäminen ja codegenittomat suunnitteluvalinnat.

Avaa peruskäsitteet

Providerit ja lukeminen

Opettele watch/read/listen-käyttäytyminen ja AsyncProviderin päivitysmallit.

Avaa Providerit

API-viite

Etsi nopeasti metodeja kuten invalidate, refreshValue, keepAlive ja invoke.

Avaa API-viite