AppBar

AppBar란?

Flutter에서 AppBar는 앱 상단에 위치하는 바입니다. 일반적으로 앱의 로고나 타이틀 등을 표시하고, 메뉴 버튼 또는 검색 필드 등의 작업을 수행하는 버튼도 포함됩니다.

AppBar는 다음과 같은 속성을 가지고 있습니다.

title: AppBar의 제목으로 사용되는 위젯입니다.
leading: AppBar의 왼쪽에 배치되는 위젯입니다. 일반적으로 Drawer 버튼이나 뒤로 가기 버튼을 표시하는데 사용됩니다.
actions: AppBar의 오른쪽에 배치되는 위젯 리스트입니다. 일반적으로 검색 필드나 메뉴 버튼 등을 표시하는데 사용됩니다.
backgroundColor: AppBar의 배경 색상입니다.
elevation: AppBar의 그림자 크기입니다.
bottom: AppBar 하단에 표시할 위젯입니다. 일반적으로 TabBar를 사용하여 하단 탭 바를 표시하는데 사용됩니다.
AppBar는 다음과 같은 예시 코드로 생성할 수 있습니다.

AppBar(
  title: Text('My App'),
  leading: IconButton(
    icon: Icon(Icons.menu),
    onPressed: () {
      // Drawer 열기
    },
  ),
  actions: [
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () {
        // 검색 기능 수행
      },
    ),
  ],
  backgroundColor: Colors.blue,
  elevation: 4.0,
)

위 예시에서는 AppBar의 title 속성으로 'My App' 문자열을, leading 속성으로는 Drawer를 열기 위한 IconButton을, actions 속성으로는 검색을 수행하는 IconButton을 추가하고 있습니다. AppBar의 배경 색상은 파란색으로, 그림자 크기는 4.0으로 설정되어 있습니다.