Settu upp miniriverpod á nokkrum mínútum.

Settu SDK takmarkanir, bættu við pakkanum og staðfestu að ProviderScope + WidgetRef.watch séu rétt tengd.

Opna grunnhugtök Skoða GitHub

Kröfur

Notaðu sömu takmarkanir og pakkinn til að forðast ósamræmi milli analyzer og runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Ábending

Ef appið þitt er fest við eldri útgáfu en Dart 3.10, hækkaðu fyrst SDK takmarkanirnar og keyrðu síðan flutter pub get.

Uppsetning

Veldu CLI uppsetningu og haltu síðan útgáfunni í samræmi við changelog pakans.

CLI

pubspec.yaml

# Bæta við dependencies
dependencies:
  miniriverpod: ^0.0.2

Fyrstu skref

Vefjaðu appinu þínu inn í ProviderScope, skilgreindu Provider og birtaðu stöðuna úr 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')),
    );
  }
}

Notaðu Provider((ref) => ...) fyrir samstillt gildi.

Notaðu AsyncProvider<T>((ref) async => ...) fyrir Future og ref.emit(stream) fyrir Stream.

Skiptu yfir í ref.invoke(provider.method()) þegar þú innleiðir breytingar.

Næstu skref

Grunnhugtök

Skildu auðkenni providera sem byggir á rökum, Scope innspýtingu og hönnun án codegen.

Opna grunnhugtök

Providers og lestur

Lærðu watch/read/listen hegðun og endurnýjunar mynstur AsyncProvider.

Opna Providers

API tilvísun

Finndu fljótt aðferðir eins og invalidate, refreshValue, keepAlive og invoke.

Opna API tilvísun