【问题标题】:Add the manu page to full screen in flutter在颤动中将菜单页面添加到全屏
【发布时间】:2021-08-03 00:22:39
【问题描述】:

我想全屏显示这个菜单,我不想显示标签栏和应用程序栏,我只想全屏显示菜单页面。 当我点击menu(按钮导航)时,显示完整的菜单页面 我怎样才能做到这一点!!!任何帮助!

这是我使用的代码:

class Menu extends StatelessWidget {
  @override
Widget build (BuildContext ctxt) {
    return new Drawer(
      child: ListView(
        children: <Widget>[
          DrawerHeader(
              decoration: BoxDecoration(
                  gradient: LinearGradient(colors: <Color>[
                    Colors.lightBlue,
                    Colors.blue
                  ])
              ),
              child: Container(
                child: Column(
                  children: <Widget>[
                    Material(
                      borderRadius: BorderRadius.all(Radius.circular(50.0)),
                      elevation: 10,
                      child: Padding(padding: EdgeInsets.all(8.0),
                        child: Image.asset("assets/images/drawerHeader.png", height: 90, width: 90),
                      ),
                    ),
                    Text('Flutter', style: TextStyle(color: Colors.white, fontSize: 25.0),)
                  ],
                ),
              )),
          CustomListTile(Icons.person, 'Profile', ()=>{
            Navigator.pop(ctxt),
            Navigator.push(ctxt,
                new MaterialPageRoute(builder: (ctxt) => new Menu())
            )
          }),
          CustomListTile(Icons.notifications, 'Notification', ()=>{
            Navigator.pop(ctxt),
            Navigator.push(ctxt,
                new MaterialPageRoute(builder: (ctxt) => new NotificationView())
            )
          }),
          CustomListTile(Icons.settings, 'Settings', ()=>{}),
          CustomListTile(Icons.lock, 'Log Out', ()=>{}),
        ],

      ),
    );
  }

}

【问题讨论】:

    标签: flutter menu


    【解决方案1】:

    您可以使用StackContainer()(用于透明小部件)并在单击菜单按钮时使用您的菜单视图更新该容器。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-19
      • 1970-01-01
      • 2017-12-27
      • 2015-02-15
      相关资源
      最近更新 更多