如何解决网站兼容性问题,产品推广方案怎么写,app线上推广是什么工作,wordpress提取公众号文章文章目录 概念介绍知识回顾使用方法示例代码 我们在上一章回中介绍了BoxDecoration Widget相关的内容,本章回中将介绍命名路由(Route).闲话休提#xff0c;让我们一起Talk Flutter吧。 概念介绍
我们在这里介绍的命名路由是路由(Route)中的一种#xff0c;主要用来当作导航让我们一起Talk Flutter吧。 概念介绍
我们在这里介绍的命名路由是路由(Route)中的一种主要用来当作导航通过导航跳转到不同的页面它和我们前面章回中介绍的路由类似只不过是给路由添加了名 字因此叫命名路由有了名字后就可以直接通过名字来使用路由。当然了命名路由的使用还是需要Navigator配合才可以通常是它充当Navigator中某个方法的参数。 常用的方法是pushNamed()方法。在此大家先对命名路由有个大概的了解本章回中将详细介绍它的使用方法。
知识回顾
在Flutter中每个StatefulWidget或者StatelessWidget都有一个路由栈这个路由栈通过Navigator来管理使用Navigator的of()方法可以获取到当前页面 所在的路由栈如果想从当前页面跳转到其它页面那么使用Navigator的push()方法相当于把其它页面压入当前页面的路由栈如果从当前页面返回上一级页面那 么使用Navigator的pop()方法相当于把当前页面从路由栈中弹出然后显示路由栈顶部的页面也就是当前页面的上一级页面。Navigator的push/pop()方法需 要使用Router类对象充当参数常用的是Router类的子类MaterialPageRoute。该类有一个WidgetBuilder类型的必选参数WidgetBuilder类型本质上是 一个方法类型它会返回一个Widget对象这个对象就是压入或者弹出路由栈的页面。这里先做文字性描述如果大家不理解的话可以看示例代码。
使用方法
1.创建命名路由。具体做法为在MaterialApp的routes属性中创建命名路由2.创建路由的语法routeName: WidgetBuilder对象3.使用命名路由进行导航,具体用法为Navigator.pushNamed(routeName); 关于第二步中的内容大家可能不理解我们给一个示例代码“/route1”: (context) DiyWidget();代码中的route1是命名路由的名字名字前面的反斜线是 根路由它默认的页面是home属性对应的页面如果不想使用默认值也可以使用/来指定或者使用initialRouter属性指定根路由。箭头是个语法糖箭头前后 的内容合在一起是一个方法方法的参数是context,方面的内容是返回一个DiyWidget类型的对象。这个方法其实就是WidgetBuilder类型我们在上一小节中介绍 过该类型它是MaterialPageRoute构造方法中的参数类型。看到这里大家就会明白命名路由就是给普通路由起了个名字背后的原理和普通路由完全相同。
示例代码
ListTile(leading: Icon(Icons.message),title: Text(Messages),//点击这个条目跳转到其它页面r,onTap: () {//使用普通路由// Navigator.of(context).push(// MaterialPageRoute(builder: (context){// return ExButton();// })// );//下面代码是上面代码的语法糖式写法// Navigator.of(context).push(// MaterialPageRoute(builder: (context) ExButton())// );//使用命名路由Navigator.pushNamed(context,/ButtonExample);},
),我们在上面的代码中演示了普通路由和传统路由的使用方法同时把路由封装到了ListTile中的onTap()方法里面运行程序进点击List中的图标就可以通过路由实现 页面跳转。我在这里就是不演示程序的运行结果了建议大家自己动手去实践。 看官们关于命名路由相关的内容就介绍到这里欢迎大家在评论区交流与讨论!