[Flutter] AppBar위젯(함수)에 대해

1. AppBar란? 1) AppBar의 역할 2) AppBar의 구성요소 2. AppBar위젯 속성 1) title 2) actions 3) backgroundColor 4) leading 5) bottom 6) elevation 7) centerTitle 8) automaticallyImplyLeading

 

 AppBar란?

 

AppBar의 역할

AppBar는 Flutter 앱의 상단에 위치하며 앱의 기본적인 내비게이션 구성 요소 중 하나. 사용자에게 현재 화면의 정보를 제공하고 앱 내의 다양한 기능을 수행할 수 있는 작은 도구 모음을 제공.

AppBar의 구성요소

구성요소	설명
title	AppBar 상단에 표시되는 제목
actions	AppBar 우측에 표시되는 작은 아이콘 또는 버튼
backgroundColor	AppBar의 배경 색상
leading	AppBar 왼쪽에 표시되는 작은 아이콘 또는 버튼
bottom	AppBar 하단에 추가적인 위젯을 배치할 수 있는 영역
elevation	AppBar의 그림자 효과
centerTitle	제목을 가운데 정렬할지 여부
automaticallyImplyLeading	자동으로 뒤로 가기 아이콘을 표시할지 여부

 

 AppBar 위젯 속성

title

AppBar의 제목을 설정

 

actions

AppBar 우측에 표시될 위젯들을 설정

 

backgroundColor

AppBar의 배경 색상을 설정

 

leading

AppBar 왼쪽에 표시될 위젯을 설정. 일반적으로 뒤로 가기 아이콘등을 배치

 

bottom

AppBar의 하단에 추가적인 위젯을 배치할 수 있는 영역을 설정

 

elevation

AppBar의 그림자 효과를 설정

 

centerTitle

제목을 가운데 정렬할지 여부 설정

 

automaticallyImplyLeading

자동으로 뒤로 가기 아이콘을 표시할지 여부를 설정