الأيقونات

جزء من قسم تطبيقك الأول في رحلة Flutter على Coddy. الدرس 25 من 32.

يأتي Flutter مع أكثر من ألف أيقونة جاهزة. اعرض إحداها باستخدام عنصر الواجهة Icon واسم من Icons:

Icon(Icons.home)
Icon(Icons.search)
Icon(Icons.settings)

تتوفر العديد من الأيقونات بعدة إصدارات. تعرض Icons.star نجمةً ممتلئة، أما Icons.star_border فلا تعرض سوى مخططها. تُرسم الأيقونات مثل الحروف، لذا تظل واضحة بأي حجم.

التحدي

سهل

بجوار Favorites يوجد نجم. اجعله قلبًا ممتلئًا: Icons.favorite.

جرّب بنفسك

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: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Icon(Icons.star),
              SizedBox(width: 8),
              Text('Favorites', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}