Flutter-路由

前言:

Flutter-路由管理中有两个非常重要的概念:

· Route:路由是应用程序的页面的抽象,对应Android中Activity和iOS中的ViewController,由Navigator管理。

· Navigator:Navigator是一个组件,管理和维护一个基于堆栈的历史记录,通过push和pop进行页面的跳转。

如果想对于push和pop这方面有更多的了解:
http://laomengit.com/guide/navigator/Route.html


1. 基本路由

(1).我们知道基本的路由跳转会是一个新的页面程序,所以我们创建路由界面的时候要定义一个新的Scaffold

Flutter-路由

(2).然后我我直接绑定了一个按钮来给路由做跳转NavigatorSearchPage则是我要跳转的页面,MaterialPageRoute这个方法则是跳转的方法,这我们到后面的命名路由会讲到

RaisedButton(
      child: Text('跳转进入搜索'),
      onPressed: (){
          Navigator.of(context).push(
            MaterialPageRoute(
              builder:(context)=>SearchPage()
            )
          );
      },
    )
跳转按钮 跳转成功
Flutter-路由 Flutter-路由
上一篇:【js 是否手机】JavaScript判读当前是否是手机端


下一篇:javascript-如何从在Android浏览器中打开的网页中检测用户的位置?