Özet - ThemeData

ThemeData ve ColorScheme'i birleştirerek koyu tema yaparsın.

Koyu tema

Koyu tema yapmak için ThemeData'nın brightness alanını Brightness.dark yapar ve buna uygun bir ColorScheme verirsin. ColorScheme.fromSeed'e brightness: Brightness.dark geçirerek tohumdan koyu palet ürettirirsin. Theme.of(context) ile widget'lar otomatik olarak koyu temaya uyum sağlar.

ThemeData(
  brightness: Brightness.dark,
  colorScheme: ColorScheme.fromSeed(
    seedColor: Colors.blue,
    brightness: Brightness.dark,
  ),
)

Uygulama Koyu tema uygulaması

Uygulama adında bir StatelessWidget tanımla. build metodu bir MaterialApp döndürsün. theme parametresine bir ThemeData ver; bu ThemeData'nın brightness alanı Brightness.dark olsun ve colorScheme alanı ColorScheme.fromSeed(seedColor: Colors.blue, brightness: Brightness.dark) olsun. home olarak Scaffold(body: Center(child: Text('Merhaba'))) kullan. main içinde 'hazir' yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

class Uygulama extends StatelessWidget {
  const Uygulama({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        brightness: Brightness.dark,
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.blue,
          brightness: Brightness.dark,
        ),
      ),
      home: const Scaffold(body: Center(child: Text('Merhaba'))),
    );
  }
}

void main() {
  print('hazir');
}

Kendini test et

Koyu tema için ThemeData'da hangi alan ayarlanır?
- primarySwatch
- platform
- brightness
- textTheme
Cevabı göster

brightness — Brightness.dark ile tema koyu moda geçer. textTheme metin stilleri içindir, primarySwatch ana renk tonudur, platform hedef platformu belirtir; koyu tema ile doğrudan ilgileri yoktur.

Koyu tema değeri

ThemeData(
  brightness: ____,
  colorScheme: ColorScheme.fromSeed(
    seedColor: Colors.blue,
    brightness: Brightness.dark,
  ),
)

Cevabı göster

ThemeData(
  brightness: Brightness.dark,
  colorScheme: ColorScheme.fromSeed(
    seedColor: Colors.blue,
    brightness: Brightness.dark,
  ),
)

Özet parçaları

ThemeData

tema tanımı
ColorScheme

renk paleti
brightness

aydınlık/koyu mod
Theme.of

tema erişimi

Sıradaki ders: showDialog

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler