아이콘

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

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