miniriverpod in wenigen Minuten installieren.

Legen Sie SDK-Constraints fest, fügen Sie das Paket hinzu und bestätigen Sie, dass ProviderScope + WidgetRef.watch korrekt verbunden sind.

Grundkonzepte öffnen GitHub ansehen

Anforderungen

Verwenden Sie dieselben Constraints wie das Paket, um Analyzer- und Laufzeit-Abweichungen zu vermeiden.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tipp

Wenn Ihre App unter Dart 3.10 festgelegt ist, erhöhen Sie zuerst die SDK-Constraints und führen Sie dann flutter pub get aus.

Installation

Bevorzugen Sie die CLI-Installation und halten Sie die Version dann mit dem Changelog des Pakets synchron.

CLI

pubspec.yaml

# Zu Abhängigkeiten hinzufügen
dependencies:
  miniriverpod: ^0.0.2

Erste Schritte

Wickeln Sie Ihre App in ProviderScope ein, definieren Sie einen Provider und rendern Sie den Zustand aus einem 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')),
    );
  }
}
Verwenden Sie Provider((ref) => ...) für synchrone Werte.
Verwenden Sie AsyncProvider<T>((ref) async => ...) für Future und ref.emit(stream) für Stream.
Wechseln Sie zu ref.invoke(provider.method()), wenn Sie Mutationen implementieren.

Nächste Schritte

Grundkonzepte

Verstehen Sie args-basierte Provider-Identität, Scope-Injektion und Designentscheidungen ohne Codegenerierung.

Grundkonzepte öffnen

Provider & Reads

Lernen Sie das Verhalten von watch/read/listen und AsyncProvider-Refresh-Muster kennen.

Provider öffnen

API-Referenz

Suchen Sie schnell nach Methoden wie invalidate, refreshValue, keepAlive und invoke.

API-Referenz öffnen