Menu
CoddyTech
flag Ar iconالعربيةdown icon

لون النص

جزء من قسم تطبيقك الأول في رحلة 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. هذا لون مختلف.

challenge icon

التحدي

سهل

اجعل 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)),
        ),
      ),
    );
  }
}
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس تطبيقك الأول

تدرّب بنفسك: مترجم Flutter عبر الإنترنت