Pasang miniriverpod dalam beberapa minit.

Tetapkan kekangan SDK, tambah pakej, dan sahkan ProviderScope + WidgetRef.watch disambungkan dengan betul.

Buka Konsep Teras Lihat GitHub

Keperluan

Gunakan kekangan yang sama seperti pakej untuk mengelakkan ketidakpadanan analyzer dan runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Jika aplikasi anda terkunci di bawah Dart 3.10, naikkan kekangan SDK terlebih dahulu, kemudian jalankan flutter pub get.

Pemasangan

Utamakan pemasangan melalui CLI, kemudian kekalkan versi agar seiring dengan changelog pakej.

CLI

pubspec.yaml

# Add to dependencies
dependencies:
  miniriverpod: ^0.0.2

Langkah Pertama

Balut aplikasi anda dalam ProviderScope, takrifkan Provider, dan render state daripada 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')),
    );
  }
}

Gunakan Provider((ref) => ...) untuk nilai segerak.

Gunakan AsyncProvider<T>((ref) async => ...) untuk Future dan ref.emit(stream) untuk Stream.

Beralih kepada ref.invoke(provider.method()) apabila anda melaksanakan mutation.

Langkah Seterusnya

Konsep Teras

Fahami identiti provider berasaskan args, suntikan Scope, dan pilihan reka bentuk tanpa codegen.

Buka Konsep Teras

Provider & Bacaan

Pelajari gelagat watch/read/listen dan corak refresh AsyncProvider.

Buka Provider

Rujukan API

Cari dengan cepat kaedah seperti invalidate, refreshValue, keepAlive, dan invoke.

Buka Rujukan API