Provider: nedir, Flutter uygulama durum yöneticisi

Provider nedir?

Provider — InheritedWidget üzerine inşa edilmiş, Flutter'da durum yönetimi ve bağımlılık enjeksiyonu için bir pakettir. Provider, widget ağacında bir nesne (durum, hizmet, depo) sağlar ve veri değiştiğinde UI'yı otomatik olarak yeniden oluşturur. InheritedWidget'ın doğrudan kullanımının aksine, Provider tüm kalıp kodu ortadan kaldırır: InheritedWidget alt sınıfı yazmaya, statik of() yöntemi ayarlamaya veya iç içe geçmeyi yönetmeye gerek yoktur.

Provider, Google tarafından Flutter'da durum yönetimi için resmi olarak önerilen yöntemdir (Flutter Team, 2019-2023). Paket, Flutter Ekosisteminin bir parçasıdır ve Flutter ekibi tarafından bakımı yapılmaktadır. Çıkışında Provider, global değişkenler ve InheritedWidget'ın yerine önerilmiştir: herhangi bir nesneye yapıcıdan geçirilmeden her yerden erişilebilir.

Flutter Topluluk Anketi 2025'e göre Provider, Flutter uygulamalarının %72'sinde kullanılmaktadır. Popülerliğinin ana nedenleri: minimum giriş eşiği, yerleşik ChangeNotifier desteği, diğer mimarilerle (MVVM, BLoC) uyumluluk ve harici bağımlılıkların olmamasıdır.

ChangeNotifier ve notifyListeners

ChangeNotifier — Listener desenini uygulayan yerleşik bir Flutter sınıfıdır. ChangeNotifier, notifyListeners() çağrısı yaparak abonelere değişiklikleri bildirir. Provider bağlamında ChangeNotifier, durum için ana sınıftır: ChangeNotifier'ı genişleten bir sınıf, veri değişikliğinden sonra notifyListeners() çağıran alanlar ve yöntemlerle oluşturulur.

class CounterProvider extends ChangeNotifier {
  int _count = 0;
  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }

  void reset() {
    _count = 0;
    notifyListeners();
  }
}

notifyListeners kuralları: veriyi tamamen değiştirdikten sonra çağırın — yöntemin ortasında değil, sonunda. Bir yöntem birden çok değişiklik yapıyorsa, her değişiklikten sonra değil, tüm değişikliklerden sonra bir kez notifyListeners() çağırın. Bu, tek bir mantıksal adımda birden çok yeniden çizimi önler. Toplu güncellemeler için, setState benzeri desenlerle birlikte notifyListeners kullanın.

ChangeNotifier alternatifleri: ValueNotifier — tek bir değer için (ilkel türler için iyi), StateNotifier — state_notifier paketinden (nadiren tek başına kullanılır). Çoğu Provider çözümü, yerleşik desteği ve basitliği nedeniyle ChangeNotifier kullanır.

Consumer ve context.watch

Consumer — ChangeNotifier'a abone olan ve her notifyListeners() çağrısında yeniden oluşturan bir widget'tır. Consumer, üç parametreli bir builder işlevi alır: context, model, child. Child — modele bağlı olmayan ve Consumer tarafından yeniden oluşturulmayan bir widget'tır. Bu bir optimizasyondur: Consumer statik bir widget (simge, verisiz metin) içeriyorsa, child aracılığıyla iletilir ve yeniden oluşturulmaz.

Consumer<CounterProvider>(
  builder: (context, provider, child) => Column(
    children: [
      child!, // yeniden oluşturulmaz
      Text('${provider.count}'),
      ElevatedButton(
        onPressed: () => provider.increment(),
        child: Icon(Icons.add),
      ),
    ],
  ),
  child: Text('Sayaç:'),
)

context.watch — bir Provider'a abone olmak için BuildContext uzantı yöntemidir. Modeli döndürür ve mevcut widget'ı değişikliklerine abone yapar. context.read — abonelik olmadan erişim (onPressed işleyicileri, initState ve dispose için). context.select — diğer alanlar değiştiğinde yeniden oluşturmadan modelin belirli bir alanına abonelik. Select, 10+ alanı olan karmaşık modeller için en verimli seçenektir.

Consumer, watch veya select ne zaman kullanılır: Consumer — optimizasyon için bir child widget gerektiğinde. watch — basit okuma için build yönteminde. select — modelin birden çok alanı olduğunda ancak widget yalnızca birine bağlı olduğunda. Provider, widget yok edildiğinde otomatik olarak aboneliği iptal eder ve bellek sızıntılarını önler.

MultiProvider ve ProxyProvider

MultiProvider — iç içe geçmeden birden çok Provider kaydetmek için bir widget'tır. 5 seviyeli Provider → Provider → Provider ağacı yerine MultiProvider, bir sağlayıcı listesi alır. Sonraki her Provider, öncekileri yapıcı aracılığıyla kullanabilir. MultiProvider, bir uygulamanın kök seviyesini düzenlemenin standart yoludur.

MultiProvider(
  providers: [
    ChangeNotifierProvider(create: (_) => CartProvider()),
    ChangeNotifierProvider(create: (_) => AuthProvider()),
    ProxyProvider<AuthProvider, OrderProvider>(
      update: (_, auth, __) => OrderProvider(auth.userId),
    ),
  ],
  child: MaterialApp(home: HomePage()),
)

ProxyProvider — başka bir Provider'a bağımlı olan Provider'dır. ProxyProvider, diğer Provider'lardan değerler alır ve bunları kendi nesnesine iletir. Örneğin, OrderProvider AuthProvider'a bağlıdır (userId gerekir). AuthProvider değiştiğinde, ProxyProvider yeni userId ile OrderProvider'ı otomatik olarak yeniden oluşturur. ChangeNotifierProxyProvider — ChangeNotifier için ProxyProvider sürümüdür.

StreamProvider ve FutureProvider: StreamProvider bir Stream'e (Firebase, WebSocket) abone olur ve her yeni olayda Consumer'ı günceller. FutureProvider — asenkron başlatma için: bir Future çalıştırır, yükleme gösterir, ardından sonucu widget'lara iletir. Her ikisi de manuel abonelik yönetimi olmadan yaygın görevleri çözer.

Provider'ı test etme

Provider test edilirken widget, test değerleriyle bir MultiProvider içine sarılır. Test için gerçek bir API veya veritabanı gerekmez — Provider, taklit edilmiş bir nesneyle değiştirilir. provider paketi, test izolasyonu için ProviderScope sağlar — her test bağımsız olarak kendi Provider ağacını oluşturur.

import 'package:flutter_test/flutter_test.dart';

void main() {
  testWidgets('Counter increments on button tap',
    (tester) async {
      await tester.pumpWidget(
        ChangeNotifierProvider(
          create: (_) => CounterProvider(),
          child: CounterScreen(),
        ),
      );
      await tester.tap(find.byKey(Key('increment')));
      await tester.pump();
      expect(find.text('1'), findsOneWidget);
    },
  );
}

MockProvider: Bir API'ye bağlı Provider ile widget'ları test etmek için, bir saplama alt sınıfı oluşturun veya mockito / mocktail kullanın. Provider özel taklit araçları gerektirmez — ChangeNotifier'ı genişleten herhangi bir nesne, gerçek hizmeti çağırmadan create aracılığıyla iletilebilir. Kolay değişim için Provider'ları arayüzler (soyut sınıf) aracılığıyla programlayın.

Provider: performans ve sınırlamalar

Provider performansı InheritedWidget'a dayanır: bir Provider değiştiğinde, context.watch veya Consumer aracılığıyla abone olunan tüm widget'lar yeniden oluşturulur. Gereksiz yeniden çizimleri önlemek için, context.select (belirli bir alana abonelik), Consumer child parametresiyle ve statik widget'lar için const kullanın. Provider, değişikliklere abone olmayan dalları yeniden oluşturmaz.

Sınırlamalar: Provider, olay düzeyinde iş mantığı izolasyonunu (BLoC gibi) desteklemez. Tüm değişiklikler, ChangeNotifier yöntemlerine doğrudan çağrılarla gerçekleşir ve bu da kontrol edilemeyen değişiklik zincirlerine yol açabilir. Karmaşık senaryolar için (birden çok asenkron işlem, karmaşık doğrulama), Provider BLoC ve Riverpod'un gerisinde kalır.

Provider'dan geçiş: Provider diğer paketlerle kolayca birleştirilebilir. Riverpod'a geçmek için ChangeNotifierProvider.adaptive kullanın — mevcut ChangeNotifier'ları yeniden yazmadan Riverpod ile kullanmaya izin veren bir bağdaştırıcı. BLoC için — BlocProvider, ChangeNotifier'ı kademeli olarak Bloc ile değiştirerek bir Provider ağacının içine yerleştirilebilir.