본문 바로가기
Flutter/Flutter FAQ

Flutter 오른쪽에 Drawer 위젯을 배치하는 방법, How to place Drawer widget on the right

by 베타코드 2023. 9. 7.
반응형

질문


오른쪽에 Drawer 위젯을 배치하는 방법입니다. 또한 앱바의 양쪽에 두 개의 Drawer 위젯을 배치할 수도 있습니다.

Widget build(BuildContext context){
 return Scaffold(
  drawer: Drawer(
    child: ListView(
      children: <Widget>[
        ListTile(
          leading: Icon(Icons.shopping_cart),
          title: Text('결제'),
          onTap: (){
            Navigator.pushNamed(context, '/home');
          },
        ),
        ListTile(
          leading: Icon(Icons.report),
          title: Text('거래 내역'),
          onTap: (){
            Navigator.pushNamed(context, '/transactionsList');
          },
        ),
      ]
    )
  ),
  body: SingleChildScrollView(
    child: Column(
      children : [
        _buildOrderHeader(),
        _buildOrderDetails(context),
      ]
    )
  )
);

}


답변


아래의 HTML을 한국어로 번역하되, HTML 태그와 태그를 사용하여 영어 텍스트를 보존합니다.

Scaffold(
  endDrawer: Drawer(...),
  // ...
)

프로그래밍 방식으로 열려면 다음을 사용하세요.

Scaffold.of(context).openEndDrawer(); //이것은 flutter 팀에 의해 마지막 편집 이후로 업데이트되었을 수 있습니다.

자세한 내용은 https://docs.flutter.io/flutter/material/Scaffold/endDrawer.html을 참조하세요.

반응형

댓글