[Flutter/Widget] Icon

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다.

📌  이번 글은

책의 샘플 앱을 만들면서 공부한 위젯 정리입니다.

 

Icon

• Icon을 표시해주는 위젯
• MaterialIcon(Icons), CupertinoIcon 사용 가능
• 이외 Icon 라이브러리: https://pub.dev 
• color 속성: MaterialColor(Colors), CupertinoColors, CustomColors(Color) 사용 가능
• size 속성: 크기

 

👩🏻‍💻 사용 예제

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Icon'),
          centerTitle: true,
        ),
        body: const Center(
          child: Icon(    	// *** Icon 위젯 ***
            Icons.home,		// Material Icon 사용
            color: Colors.red,	// Icon 색상 설정: Material Colors 사용
            size: 100,			// Icon 크기 설정
          ),
        ),
      ),
    );
  }
}

 

🙋🏻‍♀️ 참고

최주호, 정호준, 정동진 공저, ⌜모두가 할 수 있는 플러터 UI 입문⌟, 앤써북(2021), p119