텍스트 색상

Coddy Flutter 여정의 첫 앱 만들기 섹션에 포함된 레슨. 32개 중 9번째.

TextStyle의 color:는 글자의 색상을 설정합니다. Flutter에는 Colors라는 미리 준비된 색상 목록이 있습니다.

Text(
  'Go',
  style: TextStyle(color: Colors.green),
)

Colors.를 입력한 다음 이름을 입력하세요. 예를 들면 Colors.red, Colors.blue, Colors.orange, Colors.purple 등이 있습니다. 이름 끝에 Accent가 붙은 더 밝은 색상도 있습니다. 예를 들면 Colors.redAccent입니다. 이는 다른 색상입니다.

챌린지

쉬움

Stop을 빨간색으로 만드세요: TextStyle에 color: Colors.red를 추가하세요.

직접 해보기

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('Stop', style: TextStyle(fontSize: 48)),
        ),
      ),
    );
  }
}