Özet - Provider

Provider, ChangeNotifier ve watch'ı birleştirerek tema yaparsın.

Özet - Provider

Bu bölümde üç şey öğrendin: Provider ile state'i ağaca sağlarsın; ChangeNotifier ile dinlenebilir model yapar ve notifyListeners ile değişikliği bildirirsin; context.watch ile modeli dinleyip rebuild tetiklersin.

final tema = context.watch<TemaModeli>();
Text(tema.karanlik ? 'Karanlık' : 'Aydınlık')

Bunları birleştirerek tema değiştirme ekranı yaparsın.

Uygulama Tema değiştirme ekranı yap

TemaModeli sınıfını ChangeNotifier'dan türet: karanlik bool ve degistir metodu olsun. ChangeNotifierProvider<TemaModeli> ile modeli sağla. Ekrani'de context.watch<TemaModeli>() ile temayı oku, butonda context.read<TemaModeli>().degistir() çağır. main içinde print('tema uygulaması') çağır.

Örnek çözümü göster

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

void main() {
  print('tema uygulaması');
  runApp(MyApp());
}

class TemaModeli extends ChangeNotifier {
  bool karanlik = false;
  void degistir() {
    karanlik = !karanlik;
    notifyListeners();
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<TemaModeli>(
      create: (_) => TemaModeli(),
      child: MaterialApp(
        home: Ekrani(),
      ),
    );
  }
}

class Ekrani extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final tema = context.watch<TemaModeli>();
    return Scaffold(
      appBar: AppBar(title: Text('Tema')),
      body: Center(child: Text(tema.karanlik ? 'Karanlık' : 'Aydınlık')),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.read<TemaModeli>().degistir(),
        child: Icon(Icons.lightbulb),
      ),
    );
  }
}

Kendini test et

Tema değiştirme uygulamasında model hangi sınıftan türetilmeli?
- ChangeNotifier
- StatelessWidget
- StatefulWidget
- InheritedWidget
Cevabı göster

ChangeNotifier — Tema modeli ChangeNotifier'dan türetilir; degistir metodu karanlik değerini tersine çevirip notifyListeners ile dinleyicileri bilgilendirir.

TemaModeli'ni ChangeNotifier'dan türet

class TemaModeli ____ {
  bool karanlik = false;
  void degistir() {
    karanlik = !karanlik;
    notifyListeners();
  }
}

Cevabı göster

class TemaModeli extends ChangeNotifier {
  bool karanlik = false;
  void degistir() {
    karanlik = !karanlik;
    notifyListeners();
  }
}

Provider bölümünün parçaları

Provider

State'i ağaca sağlayan paket
ChangeNotifier

Değişiklik bildirimi yapan model sınıfı
notifyListeners

Dinleyen widget'ları yeniden inşa eder
context.watch

Modeli dinleyip rebuild tetikler

Sıradaki ders: Riverpod nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler