Question

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

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),
      ]
    )
  )
);

}'

Answer 1

通过使用endDrawer: ...代替drawer: ...或除from google.colab import drive drive.mount('/content/drive')之外设置抽屉。

另请参阅https://docs.flutter.io/flutter/material/Scaffold/endDrawer.html

Answer 2

  endDrawer:Drawer(child:Center(child:Columun(   children: <Widget>[
          Text('End Drawer)           ],
      ),))

Answer 3

如果要将按钮保留在右侧，将抽屉保留在左侧，则将汉堡包按钮添加到容器中，这样汉堡包按钮将位于右侧，导航抽屉仍位于左侧。（不推荐）

new Container( alignment: Alignment.topRight, margin: EdgeInsets.only(top: 20.0, right: 10.0), child: IconButton( icon: Icon(Icons.menu, size: 24, color: Colors.white,), onPressed: () => scaffoldKey.currentState.openDrawer(), ), )

如何在右侧放置抽屉小部件

3 个答案: