الألوان بنظام Hex

جزء من قسم تطبيقك الأول في رحلة Flutter على Coddy. الدرس 10 من 32.

غالبًا ما يقدّم المصممون الألوان على شكل رمز سداسي عشري، مثل #6A1B9A: رقمان للأحمر، ورقمان للأخضر، ورقمان للأزرق. في Flutter تكتبه بهذا الشكل: Color:

Color(0xFF6A1B9A)

يخبر 0x لغة Dart بأن العدد الذي يليه مكتوب بالنظام السداسي عشري. ثم يأتي رقمان إضافيان قبل اللون: FF تعني أن اللون ظاهر بالكامل. أما 00 في ذلك الموضع، فسيجعل اللون شفافًا تمامًا، وبالتالي سيختفي النص. بعد ذلك تأتي الأرقام الستة للرمز السداسي العشري.

التحدي

سهل

يريد مصممنا أن يظهر Coddy باللون الأرجواني #6A1B9A بوضوح كامل. عيّن color: للنص إلى ذلك Color.

جرّب بنفسك

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)),
        ),
      ),
    );
  }
}