Nainstalujte miniriverpod během několika minut.

Nastavte omezení SDK, přidejte balíček a ověřte, že ProviderScope + WidgetRef.watch jsou správně propojené.

Otevřít základní koncepty Zobrazit GitHub

Požadavky

Použijte stejné požadavky jako balíček, abyste se vyhnuli nesouladu mezi analyzátorem a runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Pokud je vaše aplikace připnuta pod Dart 3.10, nejprve zvyšte omezení SDK a poté spusťte flutter pub get.

Instalace

Preferujte instalaci přes CLI a poté držte verzi v souladu se změnovým logem balíčku.

CLI

pubspec.yaml

# Přidejte do závislostí
dependencies:
  miniriverpod: ^0.0.2

První kroky

Zabalte aplikaci do ProviderScope, definujte Provider a vykreslete stav 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')),
    );
  }
}

Pro synchronní hodnoty použijte Provider((ref) => ...).

Pro Future použijte AsyncProvider<T>((ref) async => ...), pro Stream pak ref.emit(stream).

Když implementujete mutace, přejděte na ref.invoke(provider.method()).

Další kroky

Základní koncepty

Pochopte identitu providerů založenou na args, injekci přes Scope a rozhodnutí o návrhu bez codegenu.

Otevřít základní koncepty

Providery & čtení

Naučte se chování watch/read/listen a vzory obnovení AsyncProvideru.

Otevřít Providery

API reference

Rychle najděte metody jako invalidate, refreshValue, keepAlive a invoke.

Otevřít API referenci