ex05. icon
2024. 6. 12. 14:40ㆍFlutter
// 디자인을 할 수 있는 클래스 생성!
import 'package:flutter/material.dart';
// cupertino -> ios
class ExIcon extends StatelessWidget {
const ExIcon({super.key});
@override
Widget build(BuildContext context) {
return Scaffold( // 기본구조 : appBar, body, bottom navigation
body: SafeArea( // 실행 시 상태바를 제외한 영역을 안전하게 body 영역으로 잡아준다!
// alt + enter -> widget -> SageArea 수정
child: Row( // Row : 가로로 구성
children: [
Text(
'android 아이콘 사용하기',
style: TextStyle(
fontSize: 25,
color: Colors.pink[300],
),
), // Text의 크기를 35로 수정해 보자!
Icon(
Icons.headphones_battery,
color: Colors.purple[200],
size: 40,
),
// IconButton()의 경우 required에 대한 요소들은 필수적으로 지정해야 한다!
// onPressed : 버튼 클릭 시 어떤 진행을 할 것 인지
// icon : 어떤 아이콘을 버튼으로 사용할 것 인지
IconButton(
onPressed: (){
print('버튼 클릭!');
},
icon: Icon(
Icons.add,
color: Colors.blue[300],
)), // Require(onPressed, icon)은 강제성을 가짐 -> 추가적인 작업(어떤 기능? 어떤 아이콘?)
],
),
),
); // Placeholder : 검정색 화면
}
}
'Flutter' 카테고리의 다른 글
ex07. image (0) | 2024.06.12 |
---|---|
ex06. column (0) | 2024.06.12 |
ex04. Widget (1) | 2024.06.12 |
ex03. method (0) | 2024.06.12 |
ex02. dart 언어 (1) | 2024.06.12 |