当我拉抽屉并选择要浏览的页面时,就像创建一个新实例一样,例如,如果我在同一页面上单击4次,则显示打开新页面的动画4次,而当我按下手机的后退按钮。
new ListTile(
leading: Icon(Icons.home),
title: new Text("Home"),
onTap: () {
Navigator.pop(ctxt);
Navigator.push(
ctxt, new MaterialPageRoute(builder: (ctxt) => MyHomePage()));
},
这是我在所有页面中使用的抽屉文件
class DrawerOnly extends StatelessWidget {
@override
Widget build(BuildContext ctxt) {
return new Drawer(
child: new ListView(
children: <Widget>[
new UserAccountsDrawerHeader(
accountName: new Text('Fethi'),
accountEmail: new Text('Myemail@Mail.com'),
currentAccountPicture: new CircleAvatar(
backgroundImage: new NetworkImage('http://i.pravatar.cc/300'),
),
),
new ListTile(
leading: Icon(Icons.home),
title: new Text("Home"),
onTap: () {
Navigator.pushReplacement(
ctxt, new MaterialPageRoute(builder: (ctxt) => MyHomePage()));
},
),
new ListTile(
leading: Icon(Icons.note),
title: new Text("ADD Notes"),
onTap: () {
Navigator.pushReplacement(
ctxt, new MaterialPageRoute(builder: (ctxt) => EditNote()));
},
),
],
),
);
} }
答案 0 :(得分:0)
根据您的代码,您正在初始化当前屏幕上方的MyHomePage
屏幕(开始新屏幕)。在抽屉式导航中,必须用要显示的屏幕替换body:
。
示例:
采用类似变量
int selectionScreen = 0;
您可以根据需要选择它,我选了int
。现在,您可以基于此选择要显示的屏幕。
new Scaffold(
appBar: new AppBar(
// here we display the title corresponding to the fragment
// you can instead choose to have a static title
title: new Text("Drawer navigation"),
),
drawer: new Drawer(
child: new Column(
children: <Widget>[
new ListTile(
leading: Icon(Icons.home),
title: new Text("Home"),
onTap: () {
setState(() {
selectionScreen = 0;
});
Navigator.pop(context);
})
],
),
),
body: _getScreen(selectionScreen));
现在,当您向抽屉列表中添加更多_getScreen()
时,您可以使用ListTile
获取多个屏幕。
_getScreen(int selection) {
switch (selection) {
case 0:
return MyHomePage();
case 1:
return Screen2();
default:
}
}
这将替换现有抽屉导航屏幕中的屏幕。
请确认这是否是您面临的问题。谢谢。