Tema kaydetme

Tema tercihini shared_preferences ile kalıcı yapmayı öğrenirsin.

Tema kaydetme

Kullanıcının seçtiği temayı kalıcı yapmak için shared_preferences kullanırsın. Tema adını bir String olarak kaydedersin; uygulama açıldığında okuyup MaterialApp'in themeMode özelliğine verirsin. Böylece kullanıcı her açılışta kendi temasını görür.

await prefs.setString('theme', 'dark');

final theme = prefs.getString('theme') ?? 'light';
// themeMode: theme == 'dark' ? ThemeMode.dark : ThemeMode.light

?? ile varsayılan tema

Uygulama ilk açıldığında 'theme' anahtarı henüz yoktur; getString null döner. ?? operatörü ile varsayılan bir değer verirsin. Kullanıcı tema seçtiğinde setString ile kaydeder, sonraki açılışlarda okunan değer kullanılır.

final saved = prefs.getString('theme');
final theme = saved ?? 'light';
print(theme);  // 'light' ya da kayıtlı değer

Uygulama Temayı kaydet ve oku

setString('theme', 'dark') ile temayı kaydet, getString('theme') ?? 'light' ile oku ve print ile bastır.

Örnek çözümü göster

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('theme', 'dark');
  final theme = prefs.getString('theme') ?? 'light';
  print(theme);
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: Scaffold(body: Center(child: Text('tema')));
  }
}

Kendini test et

Kayıtlı tema ne zaman okunmalı?
- Yalnızca kullanıcı butona bastığında
- Her build çağrısında
- Uygulama açılırken main içinde
- Hiçbir zaman, varsayılan yeterli
Cevabı göster

Uygulama açılırken main içinde — Tema tercihi uygulama açılırken main içinde okunursa, kullanıcı kendi temasını ilk anda görür; butona basmayı beklemek gerekmez.

Tema okurken varsayılan ver

final theme = prefs.getString('theme') ____;

Cevabı göster

final theme = prefs.getString('theme') ?? 'light';

Tema kalıcılaştırma parçaları

'theme'

Anahtar adı
setString

Temayı yazar
getString

Temayı okur
themeMode

MaterialApp özelliği

Sıradaki ders: Özet - shared_preferences

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler