반응형
들어가며
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 |