Flutter中如何进行界面跳转中如何进行界面跳转
在android开发中界面都是对应着一个个Activity，我们通过intent从一个界面启动另外一个。路由（Route）在移动开发中通常指页面
（Page），所谓路由管理，就是管理页面之间如何跳转，通常也可被称为导航管理。导航管理都会维护一个路由栈，路由入栈（push）
操作对应打开一个新页面，路由出栈（pop）操作对应页面关闭操作，而路由管理主要是指如何来管理路由栈。
一、小试牛刀一、小试牛刀
先写一个New Route，然后主界面上包含一个按钮，点击按钮则跳转到新的页面。新页面非常简单，一个AppBar + 一个Text。
class NewRoute extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("New route"),
),
body: Center(
child: Text("I'am new route"),
),
);
}
}
接下来再看主界面包含跳转按钮（RaisedButton）的代码
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Home Page"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Click button to open new route:',
),
RaisedButton.icon(
icon: Icon(Icons.send),
label: Text("Go"),
onPressed: () {
//导航到新路由
Navigator.push(context, MaterialPageRoute(builder: (context) {
return NewRoute();
}));
},
),
],
),
),
);
}
}
下面是运行后的效果动图：
剩余7页未读，继续阅读
资源评论
