프론트엔드 개발자의 TIL #023

TIL #023

191203 화

 

---

오늘 배운 점

<Flutter>

1. 3단바 Drawer 만들기

• Scaffold 안에 Drawer()를 활용하여 만들어준다. 여기서 헤더에 사용자 정보(프로필 사진, 닉네임, 아이디 등)를 출력할 수도 있다. 

//Scaffold 안에
drawer: Drawer(
  child: ListView(
    padding: EdgeInsets.zero,
    children: <Widget>[
      DrawerHeader(
        child: Text('Drawer Header'),
        decoration: BoxDecoration(color: Color(Global.hexColor('#FB4D41'))),
      ),
      ListTile(
        title: Text('Item 1'),
        onTap: () {
          Navigator.pop(context);
          //Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => NewPage("Page two")));
        },
      ),
      ListTile(
        title: Text('Item 2'),
        onTap: () {
          Navigator.pop(context);
        },
      ),
    ],
  ),
),

 

오른쪽으로 스와이프하면 드로어가 나타난다.

2. 마이스튜디오 화면 구현

• 결국 스토어탭에서 사용하던 DefaultTabController 안에 NestedScrollView를 body로 하고 headerSliverBuilder와 하위 body에 TabBarView를 두는 방식으로 탭 구현을 하였다. 이렇게 되면 둥근 모서리 UI 구현에서 문제가 생기는데, 어떻게 해결할지 아직 고민중이다.

---

내일 배울 점

<Flutter>

1. 굿즈 DB를 위한 아이템 조사 완료 및 업로드

2. 3단바 수정

3. SNS 홍보 계정 퍼미션 체크

 

---

-생각조각을 쓸 시간은 없다 하하