Namestite miniriverpod v nekaj minutah.

Nastavite omejitve SDK, dodajte paket in potrdite, da sta ProviderScope + WidgetRef.watch pravilno povezani.

Odpri osnovne pojme Poglej GitHub

Zahteve

Uporabite enake omejitve kot paket, da se izognete neskladju med analyzerjem in runtimeom.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Namig

Če je vaša aplikacija pripeta pod Dart 3.10, najprej zvišajte omejitve SDK in nato zaženite flutter pub get.

Namestitev

Prednost dajte namestitvi prek CLI in nato ohranite različico usklajeno z dnevnikom sprememb paketa.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Prvi koraki

Aplikacijo ovijte v ProviderScope, definirajte Provider in stanje izrišite iz 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')),
    );
  }
}

Za sinhrone vrednosti uporabite Provider((ref) => ...).

Za Future uporabite AsyncProvider<T>((ref) async => ...) in za Stream ref.emit(stream).

Ko implementirate mutacije, preklopite na ref.invoke(provider.method()).

Naslednji koraki

Osnovni pojmi

Razumite identiteto providerja na podlagi args, injiciranje Scope in odločitve brez codegen.

Odpri osnovne pojme

Providerji in branja

Naučite se obnašanja watch/read/listen in vzorcev osveževanja AsyncProvider.

Odpri providerje

API referenca

Hitro poiščite metode, kot so invalidate, refreshValue, keepAlive in invoke.

Odpri API referenco