Nainštalujte miniriverpod za pár minút.

Nastavte obmedzenia SDK, pridajte balík a overte, že ProviderScope + WidgetRef.watch sú správne zapojené.

Otvoriť kľúčové koncepty Zobraziť GitHub

Požiadavky

Použite rovnaké obmedzenia ako balík, aby ste predišli nezhode medzi analyzátorom a runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Ak je vaša aplikácia pripnutá pod Dart 3.10, najprv zvýšte obmedzenia SDK a potom spustite flutter pub get.

Inštalácia

Uprednostnite inštaláciu cez CLI a potom držte verziu zosúladenú s changelogom balíka.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Prvé kroky

Obaľte svoju aplikáciu do ProviderScope, definujte Provider a vykreslite 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')),
    );
  }
}

Použite Provider((ref) => ...) pre synchronné hodnoty.

Použite AsyncProvider<T>((ref) async => ...) pre Future a ref.emit(stream) pre Stream.

Keď implementujete mutácie, prejdite na ref.invoke(provider.method()).

Ďalšie kroky

Kľúčové koncepty

Pochopte identitu providera založenú na args, injekciu Scope a dizajnové voľby bez codegenu.

Otvoriť kľúčové koncepty

Providery a čítania

Naučte sa správanie watch/read/listen a vzory obnovovania AsyncProvider.

Otvoriť providery

API referencia

Rýchlo vyhľadajte metódy ako invalidate, refreshValue, keepAlive a invoke.

Otvoriť API referenciu