Instaloni miniriverpod në pak minuta.

Vendosni kufizimet e SDK, shtoni paketën dhe konfirmoni që ProviderScope + WidgetRef.watch janë lidhur saktë.

Hap konceptet kryesore Shiko GitHub

Kërkesat

Përdorni të njëjtat kufizime si paketa për të shmangur mospërputhjen midis analyzer dhe runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Këshillë

Nëse app-i juaj është i fiksuar nën Dart 3.10, rritni fillimisht kufizimet e SDK dhe pastaj ekzekutoni flutter pub get.

Instalimi

Preferoni instalimin me CLI, pastaj mbani versionin të përputhur me changelog-un e paketës.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Hapat e parë

Mbështilleni aplikacionin tuaj me ProviderScope, përcaktoni një Provider dhe shfaqni state nga 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')),
    );
  }
}

Përdorni Provider((ref) => ...) për vlera sinkrone.

Përdorni AsyncProvider<T>((ref) async => ...) për Future dhe ref.emit(stream) për Stream.

Kalo te ref.invoke(provider.method()) kur të implementoni mutacionet.

Hapat e ardhshëm

Konceptet kryesore

Kuptoni identitetin e provider-it të bazuar në args, injektimin e Scope dhe zgjedhjet e dizajnit pa codegen.

Hap konceptet kryesore

Providera dhe lexime

Mësoni sjelljen watch/read/listen dhe modelet e refresh të AsyncProvider.

Hap providera

Referenca e API-së

Gjeni shpejt metoda si invalidate, refreshValue, keepAlive dhe invoke.

Hap referencën e API-së