צבעים ב-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)),
        ),
      ),
    );
  }
}