Telepítse a miniriverpodot percek alatt.

Állítsa be az SDK korlátokat, adja hozzá a csomagot, és ellenőrizze, hogy a ProviderScope + WidgetRef.watch helyesen vannak-e bekötve.

Követelmények

Használja ugyanazokat a korlátokat, mint a csomag, hogy elkerülje az analyzer és a futásidejű eltérést.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tipp

Ha az alkalmazása Dart 3.10 alá van rögzítve, előbb emelje az SDK korlátokat, majd futtassa a flutter pub get parancsot.

Telepítés

Előnyben részesítse a CLI-s telepítést, majd tartsa a verziót a csomag changelogjával összhangban.

CLI

pubspec.yaml

# Hozzáadás a függőségekhez
dependencies:
  miniriverpod: ^0.0.2

Első lépések

Csomagolja az alkalmazást ProviderScope-ba, definiáljon egy Providert, és jelenítse meg az állapotot ConsumerWidgetből.

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')),
    );
  }
}
Használja a Provider((ref) => ...) formát szinkron értékekhez.
Használja az AsyncProvider<T>((ref) async => ...) formát Future értékekhez és a ref.emit(stream) formát Stream értékekhez.
Váltson át a ref.invoke(provider.method()) használatára, amikor mutációkat valósít meg.

Következő lépések

Alapfogalmak

Értse meg az argumentumalapú provider-azonosságot, a Scope injektálást és a codegen nélküli tervezési döntéseket.

Alapfogalmak megnyitása

Providerek és olvasások

Ismerje meg a watch/read/listen viselkedést és az AsyncProvider frissítési mintáit.

Providerek megnyitása

API referencia

Gyorsan keressen olyan metódusokat, mint az invalidate, refreshValue, keepAlive és invoke.

API referencia megnyitása