Installer miniriverpod på få minutter.

Sæt SDK-begrænsninger, tilføj pakken, og bekræft, at ProviderScope + WidgetRef.watch er forbundet korrekt.

Åbn kernekoncepter Se GitHub

Krav

Brug de samme begrænsninger som pakken for at undgå uoverensstemmelser mellem analyzer og runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Hvis din app er låst til Dart under 3.10, så hæv SDK-begrænsningerne først og kør derefter flutter pub get.

Installation

Foretræk CLI-installation, og hold derefter versionen i takt med pakkens ændringslog.

CLI

pubspec.yaml

# Tilføj til afhængigheder
dependencies:
  miniriverpod: ^0.0.2

Første skridt

Indpak din app i ProviderScope, definer en Provider, og gengiv 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')),
    );
  }
}

Brug Provider((ref) => ...) til synkrone værdier.

Brug AsyncProvider<T>((ref) async => ...) til Future og ref.emit(stream) til Stream.

Skift til ref.invoke(provider.method()) når du implementerer mutationer.

Næste skridt

Kernekoncepter

Forstå args-baseret provider-identitet, Scope-injektion og designvalg uden kodegenerering.

Åbn kernekoncepter

Providere & læsninger

Lær watch/read/listen-adfærd og AsyncProvider-opdateringsmønstre.

Åbn providere

API-reference

Slå hurtigt metoder op som invalidate, refreshValue, keepAlive og invoke.

Åbn API-reference