路由传参

route.dart

import 'package:fluro/fluro.dart';
//添加页面
import 'package:m/pages/loginPage.dart';
import 'package:m/pages/homePage.dart';
import 'package:m/pages/searchPage.dart';class Routes {static Router router;static void configureRoutes(Router router) {
//登陆页router.define('/', handler: new Handler(handlerFunc: (context, params) {return new LoginPage();}));
//主页router.define('/home', handler: new Handler(handlerFunc: (context, params) {return new HomePage();}));
//搜索页router.define('/search/:data', handler: new Handler(handlerFunc: (context, params) {return SearchPage(params['data'][0]);}));Routes.router = router;}
}

配置 main.dart

import 'package:flutter/material.dart';
import 'package:fluro/fluro.dart';void main() {///初始化并配置路由final router = new Router();Routes.configureRoutes(router);return runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(onGenerateRoute: Routes.router.generator);}
}

login跳转home ,不带参数

import 'package:flutter/material.dart';
import 'package:fluro/fluro.dart';//跳转主页
Routes.router.navigateTo(context, '/home', //跳转路径transition: TransitionType.inFromRight //过场效果
);

跳转search,带参数
home.dart

//home.dart
var kind = 'ssss';
Routes.router.navigateTo(context, '/search/$kind', //跳转路径transition: TransitionType.fadeIn //过场效果
);

search.dart

//search.dart
class SearchPage extends StatefulWidget {
//接受传值String _result;SearchPage(this._result);@override
_SearchPageState createState() => _SearchPageState();
}class _SearchPageState extends State<SearchPage> {Widget build(BuildContext context) {return Scaffold(appBar: AppBar(backgroundColor: Color(constant.mainColor),title: Text(widget._result)),body:Text(widget._result))}
}

ps:找不到pop传参的。难受。只能用之前的navigator.pop
等找到了就补上

转载于:https://www.cnblogs.com/gggggggxin/p/10484506.html

flutter - fluro相关推荐

  1. leo-editor 关于 flutter 企业级路由 fluro 官方例子文学化编程分析

    fluro 是 flutter 企业级路由插件,在学习官方例子时有一些难度. fluro官方例子 下面是官方例子运行图 下面使用 leo-editor 对此例子进行文学化编程分析,按照从顶至底的顺序, ...

  2. Flutter 使用自定义 fluro 路由转场动画实现个性化页面切换

    fluro 转场动画源码 在使用自定义转场动画前,先扒一扒 fluro 的源码,通过源码可以发现这么一个标准的转场方法: RouteTransitionsBuilder _standardTransi ...

  3. 我花了 8 小时,掌握了一下 Flutter | Flutter 中文站上线

    Hi,大家好,我是承香墨影! 距离 Google 在 2018 世界移动大会上发布 Flutter 的 Beta 版本,Flutter 是 Google 用以帮助开发者在 Android 和 iOS ...

  4. 一个很棒的Flutter学习资源列表

    目录 文章 一开始 HOWTO文档 网站/博客 高级 视频 组件 演示 UI 材料设计 图片 地图 图表 导航 验证 文字和富文本 分析.流量统计 自动构建 风格样式 媒体 音频 视频 语音 存储 获 ...

  5. flutter scrollview_简单易上手的Flutter学习指南App,2020一起来玩转Flutter吧~

    Flutter是谷歌的移动UI框架,可以快速在iOS.Android.Web和PC上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和 ...

  6. Flutter社区和资源传送门

    新: 慕课网<Flutter入门与案例实战>   |   中文网<Flutter实战>电子书 字体图标生成 http://fluttericon.com/ Flutter中文网 ...

  7. 基于 Flutter 视频客户端 Vistor【已开源】

    作者:Songlcy 原文:https://blog.csdn.net/u013718120/article/details/86621278 版权声明:本文为 Songlcy 原创文章,未经博主同意 ...

  8. 开发必备的最高100个 Flutter 开源精品项目

    热文导读|   点击标题阅读 互联网寒冬下,程序员如何突围提升自己? 如果你突然被裁员了,你的Plan B是什么? GitHub的女装大佬项目迅速蹿红,并引发广大程序员热议! 1. flutter/f ...

  9. flutter常用库整理

    目前除了官方提供的package和plugin库外,第三方开发者也开发了大量好用的开源工具,这里稍作整理以供查阅. 目录 基础库 控件库 插件库 三方SDK 其他 脚本工具 开源组织 dart仓库 参 ...

最新文章

  1. UDP通讯C++实现
  2. jquery 查询元素技巧
  3. 关于opencv读取摄像头的未解之谜
  4. JAVA 计算地球上任意两点(经纬度)距离
  5. 利用R和Octave求解线性方程组
  6. mac上使用终端生成RSA公钥和密钥
  7. Silverlight中的ControlTemplate
  8. Ansible:命令应用基础
  9. C# 简单封装一个XML文件读取类
  10. 利用 ILSpy 查看 C# 代码编译及运行真相
  11. 服务器2012分辨率不能修改,F1 2012分辨率修改办法
  12. CPU的内部架构和工作原理(转)
  13. asp.net大文件分块上传视频教程
  14. 短信网关平台选型推荐
  15. dcos -1.7 都有哪些服务
  16. 我们应该怎么去认识信贷
  17. iOS工程师Mac上的必备软件
  18. 美国大学生足球联赛数据集football——DeepWalk算法
  19. java 支付宝回调校验签名_支付宝异步回调验证签名
  20. 刘慈欣:元宇宙将是整个人类文明的一次内卷(英文演讲视频)

热门文章

  1. matlab anova 如何不画图,方差分析的数据处理和作图
  2. 稀疏矩阵转置 java代码_三元组稀疏矩阵的快速转置
  3. 华师大数据科学考研_华东师范大学数据科学与工程需要复习哪些内容?
  4. bat脚本实现局域网所有存活IP的精准扫描
  5. SQLi LABS Less-4 联合注入+报错注入
  6. 了解Base64编码的原理(js核对)
  7. mybatis 遍历数组_Mybatis中别名、插件与数据源配置
  8. Springboot Failed to parse configuration class [x]; nested exception
  9. 面向切面的Spring
  10. 杭州的马路上,突然多了6万张阿里人的笑脸