FlutterFlow 기초 - #60 페이지 위젯 AppBar

페이지 위젯 AppBar위젯  사용방법

 앱바(AppBar)위젯은 화면 상단에 툴바를 표시하는 위젯으로, 일반적으로 브랜딩, 탐색, 현재 화면과 관련된 작업에 사용함. 기본적으로 페이지를 신규로 생성하면 AppBar가 포함된 페이지로 생성됨.

 

Properties 설정하기

1) Visibility

• Background Color : AppBar 배경 색 설정
• Elevation : 그림자 영역 설정
• Show Default Button : 버튼 표시 설정

2) AppBar Behavior 

• Collapsible : 페이지를 스크롤할 때 접히거나 펼쳐질지 설정

3) Layout Properties

• AppBar Height : appbar의 전체 높이,(기본적으로 툴바 높이에 하단 섹션의 높이를 더한 값)
• Toolbar Height : Toolbar의 높이(행간, 제목, 동작), 기본값은 56px
• Add Bottom Section : AppBar에 하단 섹션을 추가

4) Title Properties

• Center Title : 타이틀 중앙 정렬
• Use Flexible Space : 타이틀의 위치를 자유롭게 설정

5) Background Properties

• Add Background Widget : Appbar 배경에 이미지 추가