Menu
CoddyTech

Hex ile Renkler

Coddy'nin Flutter Journey'sinin İlk Uygulamanız bölümünün bir parçası. Ders 10 / 32.

Tasarımcılar renkleri genellikle hex kodu olarak verir; örneğin #6A1B9A: kırmızı için iki basamak, yeşil için iki basamak, mavi için iki basamak. Flutter'da bunu Color olarak yazarsın:

Color(0xFF6A1B9A)

0x, Dart'a sırada bir hex sayısının geldiğini belirtir. Ardından renkten önce iki basamak daha gelir: FF, tamamen görünür olduğu anlamına gelir. Orada 00 olsaydı, renk tamamen saydam olurdu ve metin kaybolurdu. Bundan sonra hex kodunun altı basamağı gelir.

challenge icon

Görev

Kolay

Tasarımcımız Coddy'nin mor renkteki #6A1B9A ile tamamen görünür olmasını istiyor. Metnin color: değerini bu Color olarak ayarla.

Kendin dene

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Coddy', style: TextStyle(fontSize: 48, color: Colors.black)),
        ),
      ),
    );
  }
}
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

İlk Uygulamanız bölümündeki tüm dersler

Kendi başına pratik yap: Online Flutter derleyicisi