十六进制颜色

本课属于 Coddy Flutter 学习旅程的“你的第一个应用”单元。第 10 课，共 32 课。

设计师通常会用十六进制颜色代码表示颜色，例如 #6A1B9A：红色、绿色和蓝色各用两位数字表示。在 Flutter 中，你可以这样写：Color：

Color(0xFF6A1B9A)

0x表示后面跟着一个十六进制数。颜色代码前还有两位数字：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)),
        ),
      ),
    );
  }
}