본문 바로가기

명사 美 비격식 (무리 중에서) 아주 뛰어난[눈에 띄는] 사람[것]

Flutter

UserAccountsDrawerHeader, Drawer에 사용자의 정보를 담는법

앞서 우리는 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,
              ),
            ),