반응형

들어가며

Icon 위젯이란?

  • Flutter에서 Icon 위젯은 아이콘을 표시하는 데 사용된다.

Icon 위젯 속성

  • icon: 표시할 아이콘을 지정.(ex. Icons.favorite는 하트 모양의 아이콘)
  • size: 아이콘의 크기를 지정.
  • color: 아이콘의 색상을 지정.
  • semanticLabel: 아이콘을 음성으로 설명할 때 사용되는 레이블.
  • textDirection: 아이콘의 텍스트 방향을 지정.
  • key: 위젯의 고유 식별자를 지정.

예제

main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Icon Example',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Icon Example'),
        ),
        body: Center(
          child: Icon(
            Icons.favorite,
            size: 48,
            color: Colors.red,
          ),
        ),
      ),
    );
  }
}

화면

반응형

'Development > Flutter' 카테고리의 다른 글

[Flutter] Colum/Row  (1) 2024.02.18
[Flutter] Container  (0) 2024.02.18
[Flutter] Button  (1) 2024.02.18
[Flutter] Text  (0) 2024.02.18
[Flutter] Scaffold  (1) 2024.02.18

+ Recent posts