Flutter
ThemeData nedir?
ThemeData ile uygulama geneli tema tanımlamayı öğrenirsin.
ThemeData nedir?
ThemeData, bir Flutter uygulamasının genel görünümünü tanımlayan nesnedir. Renkler, metin stilleri ve widget varsayılanları burada toplanır. MaterialApp'ın theme parametresine bir ThemeData verirsen, tüm uygulamadaki widget'lar bu temayı kullanır.
MaterialApp(
theme: ThemeData(primarySwatch: Colors.blue),
home: Scaffold(body: Center(child: Text('Merhaba'))),
)
Bu sayede her ekranda ayrı ayrı renk ve stil belirtmek yerine tek bir yerden yönetirsin.
MaterialApp'e theme bağlama
ThemeData'yı uygulamaya bağlamak için MaterialApp'ın theme parametresini kullanırsın. Bu parametre bir ThemeData nesnesi alır. primarySwatch gibi temel alanları vererek tüm Material widget'larının görünümünü belirlersin.
MaterialApp(
theme: ThemeData(
primarySwatch: Colors.indigo,
),
home: AnaEkran(),
)
Bu yapılandırma, AppBar, FloatingActionButton gibi widget'ların varsayılan rengini belirler.
Uygulama ThemeData ile MaterialApp
Uygulama adında bir StatelessWidget tanımla. build metodu bir MaterialApp döndürsün. theme parametresine ThemeData(primarySwatch: Colors.blue) ver ve 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(primarySwatch: Colors.blue),
home: const Scaffold(body: Center(child: Text('Merhaba'))),
);
}
}
void main() {
print('hazir');
}
Kendini test et
-
ThemeData'nın temel amacı nedir?
- Ağ isteği atmak
- Animasyon oynatmak
- Veritabanı bağlantısı kurmak
- Uygulama geneli görünümü tanımlamak
Cevabı göster
Uygulama geneli görünümü tanımlamak — ThemeData uygulamanın renk, metin ve widget varsayılanlarını tanımlar. Veritabanı, ağ isteği ve animasyon ThemeData'nın konusu değildir.
-
ThemeData tanımı
theme: ____(primarySwatch: Colors.blue),
Cevabı göster
theme: ThemeData(primarySwatch: Colors.blue),
-
ThemeData parçaları
- ThemeData
- tema tanımı
- colorScheme
- renk paleti
- textTheme
- metin stilleri
- primarySwatch
- ana renk tonu
Sıradaki ders: colorScheme
