Özet - Riverpod ileri

StateNotifier ve AsyncValue'yi birleştirerek API ekranı yaparsın.

StateNotifier ve AsyncValue birleşimi

Bir API ekranında StateNotifier<AsyncValue<T>> kullanarak hem state yönetimini hem de async durum modellemeyi birleştirirsin. Yapıcı metot başlangıçta loading durumunu verir ve veri yüklemeyi başlatır. AsyncValue.guard Future'ı güvenli biçimde çalıştırır; başarırsa data'ya, hata verirse error'a geçer.

class UserNotifier extends StateNotifier<AsyncValue<String>> {
  UserNotifier() : super(const AsyncValue.loading()) {
    _load();
  }
  Future<void> _load() async {
    state = const AsyncValue.loading();
    state = await AsyncValue.guard(() async => 'Ayşe');
  }
}

Uygulama UserNotifier sınıfı yaz

UserNotifier adında StateNotifier<AsyncValue<String>> türeten bir sınıf yaz. Yapıcı super(const AsyncValue.loading()) ile başlasın ve _load'u çağırsın. _load önce loading yapsın, sonra AsyncValue.guard(() async => 'Ayşe') ile state'i güncellesin. main içinde örnek oluştur, _load'u bekle ve state.when ile data durumunda değeri yazdır.

Örnek çözümü göster

import 'package:flutter_riverpod/flutter_riverpod.dart';

class UserNotifier extends StateNotifier<AsyncValue<String>> {
  UserNotifier() : super(const AsyncValue.loading()) {
    _load();
  }
  Future<void> _load() async {
    state = const AsyncValue.loading();
    state = await AsyncValue.guard(() async => 'Ayşe');
  }
}

void main() async {
  final notifier = UserNotifier();
  await notifier._load();
  notifier.state.when(
    data: (s) => print(s),
    loading: () => print('Yükleniyor'),
    error: (e, s) => print('Hata'),
  );
}

Kendini test et

AsyncValue.guard ne yapar?
- Future'ı çalıştırır, başarırsa data'ya, hata verirse error'a geçer
- Future'ı iptal eder
- Yalnızca loading durumunu ayarlar
- Stream'i Future'a çevirir
Cevabı göster

Future'ı çalıştırır, başarırsa data'ya, hata verirse error'a geçer — guard, kendisine verilen Future'ı çalıştırır ve sonucu uygun AsyncValue'ye çevirir; try/catch yazmak zorunda kalmazsın.

AsyncValue.guard ile yükle

state = await AsyncValue.____(() async => 'Ayşe');

Cevabı göster

state = await AsyncValue.guard(() async => 'Ayşe');

API ekranı parçaları

StateNotifier<AsyncValue<T>>

Async state tutar
AsyncValue.guard

Future'ı güvenli sarar
super(AsyncValue.loading())

Başlangıç loading
when

Üç durumu işler

Sıradaki ders: Bloc sınıfı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler