colorScheme

ColorScheme ile renk paleti kurmayı öğrenirsin.

ColorScheme nedir?

ColorScheme, bir uygulamanın renk paletini tanımlayan nesnedir. primary ana rengi, surface ise kart ve arka plan gibi yüzeylerin rengini belirler. ColorScheme.fromSeed(seedColor: ...) ile tek bir tohum renkten tüm paleti otomatik üretirsin.

ThemeData(
  colorScheme: ColorScheme.fromSeed(seedColor: Colors.teal),
)

Bu yöntem, Material 3 uyumlu dengeli bir palet oluşturur.

primary ve surface renkleri

primary renk, butonlar ve AppBar gibi vurgulu öğelerde kullanılır. surface ise kartlar, diyaloglar ve arka planlar gibi yüzeylerde kullanılır. ColorScheme.fromSeed bu renkleri tohumdan otomatik hesaplar.

final cs = ColorScheme.fromSeed(seedColor: Colors.orange);
print(cs.primary);    // turuncu tonu
print(cs.surface);    // açık yüzey rengi

Bu iki renk, uygulamanın görsel hiyerarşisini kurar.

Uygulama ColorScheme ile tema

Uygulama adında bir StatelessWidget tanımla. build metodu bir MaterialApp döndürsün. theme parametresine bir ThemeData ver; bu ThemeData'nın colorScheme alanı ColorScheme.fromSeed(seedColor: Colors.blue) 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(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
      ),
      home: const Scaffold(body: Center(child: Text('Merhaba'))),
    );
  }
}

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

Kendini test et

ColorScheme.fromSeed ne üretir?
- Bir Future nesnesi
- Metin stilleri
- Bir renk paleti
- Navigasyon yolları
Cevabı göster

Bir renk paleti — ColorScheme.fromSeed tek bir tohum renkten primary, surface gibi tüm palet renklerini üretir. Metin stilleri TextTheme'in işidir, navigasyon yolları GoRouter'ın, Future ise async işlemlerindir.

ColorScheme.fromSeed çağrısı

colorScheme: ____(seedColor: Colors.blue),

Cevabı göster

colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),

ColorScheme parçaları

ColorScheme

renk paleti sınıfı
primary

ana renk
surface

yüzey rengi
fromSeed

tohumdan palet üretme

Sıradaki ders: textTheme

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler