Zainstaluj miniriverpod w kilka minut.

Ustaw ograniczenia SDK, dodaj pakiet i potwierdź, że ProviderScope + WidgetRef.watch są poprawnie podłączone.

Wymagania

Użyj tych samych ograniczeń co pakiet, aby uniknąć niezgodności analizatora i środowiska uruchomieniowego.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Wskazówka

Jeśli twoja aplikacja jest przypięta poniżej Dart 3.10, najpierw podnieś ograniczenia SDK, a potem uruchom flutter pub get.

Instalacja

Preferuj instalację przez CLI, a potem utrzymuj wersję zgodną z changelogiem pakietu.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Pierwsze kroki

Owiń aplikację w ProviderScope, zdefiniuj Provider i renderuj stan z 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')),
    );
  }
}

Użyj Provider((ref) => ...) dla wartości synchronicznych.

Użyj AsyncProvider<T>((ref) async => ...) dla Future oraz ref.emit(stream) dla Stream.

Przejdź na ref.invoke(provider.method()) podczas implementowania mutacji.

Następne kroki

Podstawowe pojęcia

Zrozum identyfikację providera opartą na args, wstrzykiwanie Scope oraz wybory projektowe bez codegen.

Otwórz podstawowe pojęcia

Providery i odczyty

Poznaj zachowanie watch/read/listen i wzorce odświeżania AsyncProvider.

Otwórz providery

Dokumentacja API

Szybko wyszukaj metody takie jak invalidate, refreshValue, keepAlive i invoke.

Otwórz dokumentację API