Installera miniriverpod på några minuter.

Sätt SDK-begränsningar, lägg till paketet och bekräfta att ProviderScope + WidgetRef.watch är rätt kopplade.

Öppna kärnkoncept Visa GitHub

Krav

Använd samma begränsningar som paketet för att undvika konflikt mellan analyzer och runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tips

Om din app är låst under Dart 3.10, höj först SDK-begränsningarna och kör sedan flutter pub get.

Installation

Föredra installation via CLI och håll sedan versionen i linje med paketets changelog.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Första steg

Slå in din app i ProviderScope, definiera en Provider och rendera state från 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')),
    );
  }
}
Använd Provider((ref) => ...) för synkrona värden.
Använd AsyncProvider<T>((ref) async => ...) för Future och ref.emit(stream) för Stream.
Byt till ref.invoke(provider.method()) när du implementerar mutationer.

Nästa steg

Kärnkoncept

Förstå args-baserad provider-identitet, Scope-injektion och designval utan codegen.

Öppna kärnkoncept

Providers och läsningar

Lär dig watch/read/listen-beteende och AsyncProvider-uppdateringsmönster.

Öppna providers

API-referens

Hitta snabbt metoder som invalidate, refreshValue, keepAlive och invoke.

Öppna API-referens