Installer miniriverpod på få minutter.

Sett SDK-begrensninger, legg til pakken, og bekreft at ProviderScope + WidgetRef.watch er koblet riktig.

Åpne kjernekonsepter Se GitHub

Krav

Bruk de samme kravene som pakken for å unngå avvik mellom analyzer og runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tips

Hvis appen din er låst til under Dart 3.10, øk SDK-begrensningene først, og kjør deretter flutter pub get.

Installasjon

Foretrekk installasjon via CLI, og hold deretter versjonen i takt med package-endringsloggen.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Første steg

Pakk appen inn i ProviderScope, definer en Provider, og gjengi state fra ConsumerWidget.

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

Bruk Provider((ref) => ...) for synkrone verdier.

Bruk AsyncProvider<T>((ref) async => ...) for Future og ref.emit(stream) for Stream.

Bytt til ref.invoke(provider.method()) når du implementerer mutasjoner.

Neste steg

Kjernekonsepter

Forstå args-basert provider-identitet, Scope-injeksjon og designvalg uten codegen.

Åpne kjernekonsepter

Providers og lesinger

Lær watch/read/listen-atferd og AsyncProvider-oppdateringsmønstre.

Åpne providers

API-referanse

Slå raskt opp metoder som invalidate, refreshValue, keepAlive og invoke.

Åpne API-referanse