צבע הטקסט

חלק מהיחידה האפליקציה הראשונה שלך במסלול ה-Flutter של Coddy. שיעור 9 מתוך 32.

המאפיין color: של TextStyle קובע את צבע האותיות. ל-Flutter יש רשימת צבעים מוכנה שנקראת Colors:

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

הקלידו Colors. ואז את השם: Colors.red, Colors.blue, Colors.orange, Colors.purple ועוד רבים. לחלק מהצבעים יש גוון בהיר יותר עם Accent בסוף השם, כמו Colors.redAccent. זהו צבע אחר.

אתגר

קל

הפוך את Stop לאדום: הוסף color: Colors.red אל TextStyle.

נסו בעצמכם

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