앞서 우리는 Drawer를 구현해봤다.
https://standout.tistory.com/1616
Drawer 삽입하기(feat. endDrawer, automaticallyImplyLeading)
DrawerFlutter에서 제공하는 위젯앱의 측면에서 슬라이딩으로 나타나는 네비게이션 메뉴 안에 메뉴리스트들은 ListView와 같은 스크롤가능한 리스트로 보통 구현된다. AppBar의 leading속성에 IconBu
standout.tistory.com
예시코드를 살펴보자.
UserAccountsDrawerHeader 설정으로 사용자 계정정보를 표시하는데 이때
이름, 이메일 및 프로필 이미지를 표시하는데 유용함을 확인 할 수 있다.
UserAccountsDrawerHeader(
accountName: Text('John Doe'),
accountEmail: Text('john.doe@example.com'),
currentAccountPicture: CircleAvatar(
backgroundImage: AssetImage('assets/profile.png'),
),
decoration: BoxDecoration(
color: Colors.blue,
),
),
'Flutter' 카테고리의 다른 글
Drawer 삽입하기(feat. endDrawer, automaticallyImplyLeading) (0) | 2024.08.12 |
---|---|
leading과 actions (0) | 2024.08.12 |
Flutter의 Widget: 위젯트리와 루트위젯, 구성위젯과 컨테이너 위젯 상태 Stateful 위젯과 비상태 Stateless 위젯 (0) | 2024.08.12 |
Flutter dart 수평/수직 구분선 - Divider VerticalDivider (0) | 2024.08.06 |
Flutter dart CircleAvatar 원형을 생성하는 위젯 (0) | 2024.08.06 |