大多数应用程序包含多个页面。例如,我们可能有一个显示产品的页面,然后,用户可以点击产品,跳到该产品的详情页。
在Android中,页面对应的是Activity
在iOS中是ViewController。
而在Flutter中,页面只是一个widget!那么我们可以使用Navigator在页面之间跳转。
步骤
- 创建两个页面。
- 调用Navigator.push导航到第二个页面。
- 调用Navigator.pop返回第一个页面。
1.创建两个页面
我们创建两个页面,每个页面包含一个按钮。点击第一个页面上的按钮将导航到第二个页面。点击第二个页面上的按钮将返回到第一个页面。页面结构如下:
class FirstScreen extends StatelessWidget{
@override
Widget build(BuildContext context){
return new Scaffold(
appBar: AppBar(title:Text('导航页面')),
body:Center(
child:RaisedButton(
child:Text('查看详情'),
onPressed: (){
Navigator.push(context,new MaterialPageRoute(
builder:(context