Instal miniriverpod dalam hitungan menit.

Tetapkan batas SDK, tambahkan paket, dan pastikan ProviderScope + WidgetRef.watch terhubung dengan benar.

Buka Konsep Inti Lihat GitHub

Persyaratan

Gunakan batasan yang sama seperti paket agar terhindar dari ketidaksesuaian antara analyzer dan runtime.

Dart SDK

>=3.10.0 <4.0.0

Flutter

Tip

Jika aplikasi Anda masih terkunci di bawah Dart 3.10, naikkan batasan SDK terlebih dahulu, lalu jalankan flutter pub get.

Instalasi

Utamakan instalasi via CLI, lalu jaga versinya tetap selaras dengan changelog paket.

CLI

pubspec.yaml

# Tambahkan ke dependencies
dependencies:
  miniriverpod: ^0.0.2

Langkah Awal

Bungkus aplikasi Anda dengan ProviderScope, definisikan sebuah Provider, dan render state dari 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 sinkron.
Gunakan AsyncProvider<T>((ref) async => ...) untuk Future dan ref.emit(stream) untuk Stream.
Beralih ke ref.invoke(provider.method()) ketika Anda menerapkan mutasi.

Langkah Selanjutnya

Konsep Inti

Pahami identitas provider berbasis argumen, injeksi Scope, dan pilihan desain tanpa codegen.

Buka Konsep Inti

Providers & Reads

Pelajari perilaku watch/read/listen dan pola penyegaran AsyncProvider.

Buka Providers

Referensi API

Temukan cepat metode seperti invalidate, refreshValue, keepAlive, dan invoke.

Buka Referensi API