Installeer miniriverpod in enkele minuten.

Stel SDK-vereisten in, voeg het package toe en controleer of ProviderScope + WidgetRef.watch correct zijn gekoppeld.

Open kernconcepten Bekijk GitHub

Vereisten

Gebruik dezelfde vereisten als het package om analyzer- en runtime-verschillen te voorkomen.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Als je app vastzit onder Dart 3.10, verhoog dan eerst de SDK-vereisten en voer daarna flutter pub get uit.

Installatie

Geef de voorkeur aan installatie via CLI en houd daarna de versie gelijk aan de package-changelog.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Eerste stappen

Wikkel je app in ProviderScope, definieer een Provider en render state vanuit 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')),
    );
  }
}

Gebruik Provider((ref) => ...) voor synchrone waarden.

Gebruik AsyncProvider<T>((ref) async => ...) voor Future en ref.emit(stream) voor Stream.

Schakel over naar ref.invoke(provider.method()) wanneer je mutations implementeert.

Volgende stappen

Kernconcepten

Begrijp op args gebaseerde provider-identiteit, Scope-injectie en ontwerpkeuzes zonder codegen.

Open kernconcepten

Providers en leesacties

Leer watch/read/listen-gedrag en AsyncProvider-refreshpatronen.

Open providers

API-referentie

Vind snel methoden zoals invalidate, refreshValue, keepAlive en invoke.

Open API-referentie