如何在颤振中自动从特定屏幕返回时关闭导航抽屉？

Question

我正在开发一个 flutter 项目，它有一个带三个路由的导航抽屉。每当我去特定路线并返回时，导航抽屉就会自动打开。我希望导航抽屉保持关闭状态，除非用户特别点击它。有什么办法可以实现吗？

这是我的代码：

class NavList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        padding: EdgeInsets.zero,
        children: <Widget>[
          UserAccountsDrawerHeader(
            decoration: BoxDecoration(
                image: DecorationImage(
              image: AssetImage('images/orange.png'),
              fit: BoxFit.cover,
            )),
            arrowColor: Colors.deepOrangeAccent[700],
            accountName: Text(''),
            accountEmail: Text(
              'username@gmail.com',
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 20.0,
              ),
            ),
            currentAccountPicture: CircleAvatar(
              radius: 22.0,
              backgroundColor: Colors.deepOrangeAccent[700],
              backgroundImage: AssetImage('images/profile.png'),
            ),
          ),
          ListItems(
            listTitle: 'Shops',
            listIcon: Icon(Icons.shop),
            listFunction: () {
              Navigator.pushNamed(context, ShopScreen.id);
            },
          ),
          ListItems(
            listTitle: 'Orders',
            listIcon: Icon(Icons.monetization_on),
            listFunction: () {
              Navigator.pushNamed(context, OrderScreen.id);
            },
          ),
          ListItems(
            listTitle: 'Logout',
            listIcon: Icon(Icons.logout),
            listFunction: () {
              Navigator.pushNamed(context, LoginScreen.id);
            },
          ),
        ],
      ),
    );
  }
}

I have refactored ListItems.

class ListItems extends StatelessWidget {
  ListItems({this.listTitle, this.listIcon, this.listFunction});
  final String listTitle;
  final Icon listIcon;
  final Function listFunction;

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(listTitle),
      leading: IconButton(
        icon: listIcon,
        onPressed: () {
          
        },
      ),
      onTap: listFunction,
    );
  }
}

Answer 1

我还没有测试过这个。也许这可行

onPressed: () async {
   await Navigator.pushNamed(
      context, "Screen").then((value) =>
       Scaffold.of(context).openEndDrawer());
   },

Answer 2

这可能对您有所帮助

onPressed: () {
                  Navigator.pop(context);
                 Navigator.of(context).pushNamed('/settings');
              }

Answer 3

有一些方法可以做到这一点，例如：

onPressed:(){
   Navigator.pop(context);
   Navigator.pushNamed(context, ShopScreen.id);
 }

或者使用导航器的.then:

onPressed:(){
   Navigator.pushNamed(context, ShopScreen.id).then((val){
   Navigator.pop(context);
  });
 }

此外，您可以检查抽屉当前是否打开：

onPressed:(){
   Navigator.pushNamed(context, ShopScreen.id).then((val){
    if(Scaffold.of(context).isDrawerOpen){
     Navigator.pop(context);
     }
   });
  }

如何在颤振中自动从特定屏幕返回时关闭导航抽屉？

How to close the navigation drawer when returning back from a particular screen automatically in flutter?

flutter

flutter-layout

flutter-navigation

flutter-drawer