[flutter] 플러터 Drawer에서 아이템 순서를 변경하는 방법은?

07 Dec 2023

flutter

플러터의 Drawer 위젯은 앱의 사이드나 하단 메뉴를 표시하는 데 사용됩니다. 기본적으로, Drawer는 ListView.builder를 사용하여 아이템 목록을 표시합니다. 이때 아이템의 순서를 변경하려면 몇 가지 단계를 따라야 합니다.

먼저 Drawer에 표시할 아이템들을 정의합니다. 예를 들어, 다음과 같이 Drawer 아이템 리스트를 만들어 봅시다.

List<Widget> drawerItems = [
  ListTile(
    leading: Icon(Icons.home),
    title: Text('홈'),
    onTap: () {
      // 홈 아이템 선택 시 처리할 동작
    },
  ),
  ListTile(
    leading: Icon(Icons.settings),
    title: Text('설정'),
    onTap: () {
      // 설정 아이템 선택 시 처리할 동작
    },
  ),
  ListTile(
    leading: Icon(Icons.info),
    title: Text('정보'),
    onTap: () {
      // 정보 아이템 선택 시 처리할 동작
    },
  ),
];

아이템 순서를 변경하려면 drawerItems 리스트의 순서를 수정하면 됩니다. 예를 들어, ‘홈’과 ‘설정’의 순서를 변경하려면 다음과 같이 코드를 수정합니다.

List<Widget> drawerItems = [
  ListTile(
    leading: Icon(Icons.settings),
    title: Text('설정'),
    onTap: () {
      // 설정 아이템 선택 시 처리할 동작
    },
  ),
  ListTile(
    leading: Icon(Icons.home),
    title: Text('홈'),
    onTap: () {
      // 홈 아이템 선택 시 처리할 동작
    },
  ),
  ListTile(
    leading: Icon(Icons.info),
    title: Text('정보'),
    onTap: () {
      // 정보 아이템 선택 시 처리할 동작
    },
  ),
];

마지막으로 수정한 drawerItems 리스트를 Drawer의 children 속성에 전달하여 순서 변경을 적용합니다.

Drawer(
  child: ListView.builder(
    itemCount: drawerItems.length,
    itemBuilder: (BuildContext context, int index) {
      return drawerItems[index];
    },
  ),
),

이제 Drawer에 표시되는 아이템 순서가 변경되었을 것입니다. 이 방법을 사용하여 플러터 앱의 Drawer의 아이템 순서를 자유롭게 조정할 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참조해주세요.