반응형
Appbar
- centerTitle : 텍스트 가운데 정렬 여부
- automaticallyImplyLeading : 뒤로가기 버튼 제거 여부
- elevation : 그림자 제거
- backgroundColor : 배경 색
- title : 제목
- leading : 왼쪽 아이콘 버튼
- actions : 오른쪽 아이콘 버튼
- 예시 코드
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
centerTitle: true,
automaticallyImplyLeading: true,
elevation: 0,
backgroundColor: Colors.white,
title: Text("제목"),
leading: IconButton(
icon: Icon(Icons.star, color: Colors.black),
onPressed: () {
print("왼쪽 위 아이콘 클릭");
},
),
actions: [
IconButton(
icon: Icon(Icons.star, color: Colors.black),
onPressed: () {
print("오른쪽 아이콘 클릭 1");
},
),
IconButton(
icon: Icon(Icons.star, color: Colors.black),
onPressed: () {
print("오른쪽 아이콘 클릭 2");
},
),
],
),
);
}
반응형
'개발 > Flutter' 카테고리의 다른 글
Flutter 플러터 진동 간단 사용법 vibration (0) | 2022.12.24 |
---|---|
Flutter 플러터 설정 화면 UI 간단 구현 setting ui (0) | 2022.12.24 |
Flutter 플러터 다이얼로그 Dialog 대화 상자 간단 사용법 (0) | 2022.12.24 |
Flutter 플러터 스낵바 SnackBar 간단 사용법 (0) | 2022.12.24 |
Flutter 플러터 화면 전환 Navigator.push 간단 사용법 (0) | 2022.12.24 |
Flutter 플러터 Text 크기 변경, 정렬, 색깔 변경 간단 사용법 (0) | 2022.12.24 |
Flutter 플러터 배경 음악 실행 간단 구현 assets audio player (0) | 2022.12.22 |
Flutter 플러터 개발 환경 설치 VSCode, Github , Android Studio (0) | 2022.12.22 |
댓글