flutter - 如何将抽屉小部件放在右侧

如何将抽屉小部件放在右侧。也可以将两个抽屉小部件放置在应用栏任一侧的单个页面中

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

}'

最佳答案

通过使用 endDrawer: ... 代替或补充 drawer: ... 来设置抽屉,如下所示:

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

要以编程方式打开它,请使用

Scaffold.of(context).openEndDrawer(); //This might have been updated by flutter team since the last edit

另见 https://docs.flutter.io/flutter/material/Scaffold/endDrawer.html

https://stackoverflow.com/questions/53300696/

相关文章:

dart - 如何在 Flutter 中更改 TextFormField 输入文本颜色

dart - Flutter 自定义动画对话框

dart - Flutter 中带有调整下拉箭头图标的全宽 DropdownButton

dart - Flutter - 我正在寻找一种制作脉冲动画的方法

datetime - 如何到达 Dart 的最后一个午夜?

flutter - 如何使用flutter存储登录信息?

database - 任何用于 Flutter 的持久性 NoSQL 数据存储?

firebase - 使用 Flutter 向 Cloud Firestore 添加对象

mobile - Flutter - Sliver List 内的 Sliver Layout 水平

flutter - Flutter中如何改变ListView的overscroll发光效果颜色?