flutter-fluro
路由传参
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 {
  @override
  Widget 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
等找到了就补上
flutter-fluro的更多相关文章
- 我花了 8 小时,"掌握"了一下 Flutter | Flutter 中文站上线
		
Hi,大家好,我是承香墨影! 距离 Google 在 2018 世界移动大会上发布 Flutter 的 Beta 版本,Flutter 是 Google 用以帮助开发者在 Android 和 iOS ...
 - Flutter 开发小技巧
		
1.命令行运行flutter run之后iOS报错:Could not install build/ios/iphones/Runner.app on XXXXX. try lunching Xcod ...
 - Flutter常用插件
		
Dio Dio是一个强大的Dart Http请求库,支持Restful API.FormData.拦截器.请求取消等操作.视频中将全面学习和使用Dio的操作. Flutter_swiper swipe ...
 - 【Flutter】Flutter 一些常用库
		
Flutter社区和资源传送门 新: 慕课网<Flutter入门与案例实战> | 中文网<Flutter实战>电子书 字体图标生成 http://fluttericon ...
 - Flutter的需要与原生交互的一些常用库
		
[说明]由于这些库一直在更新,请自己选择合适的稳定版本下载. 另外如果发现有问题或者你有更好的库,欢迎留言告诉我. 谷歌官方的针对Dart语言的一些实用性的功能以及扩展的库 -- Quiver Qui ...
 - Flutter实战视频-移动电商-37.路由_Fluro引入和商品详细页建立
		
37.路由_Fluro引入和商品详细页建立 https://github.com/theyakka/fluro pages/details_page.dart新建页面 使用路由 先添加路由插件的引用 ...
 - Flutter实战视频-移动电商-38.路由_Fluro中Handler编写方法
		
38.路由_Fluro中Handler编写方法 在main.dart中初始化Fluro 编写handler 在lib下新建routers文件夹,表示里面要很多路由相关的文件 我们声明一个Handler ...
 - Flutter实战视频-移动电商-39.路由_Fluro的路由配置和静态化
		
39.路由_Fluro的路由配置和静态化 handler只是单个路由的配置,这节课我们要学习路由的整体配置 整体配置 新建routers.dart文件来做整体配置 detailsHandler就是我们 ...
 - Flutter实战视频-移动电商-40.路由_Fluro的全局注入和使用方法
		
40.路由_Fluro的全局注入和使用方法 路由注册到顶层,使每个页面都可以使用,注册到顶层就需要在main.dart中 main.dart注册路由 注入 onGenerateRoute是Materi ...
 - Flutter实战视频-移动电商-51.购物车_Provide中添加商品
		
51.购物车_Provide中添加商品 新加provide的cart.dart页面 引入三个文件.开始写provide类.provide需要用with 进行混入 从prefs里面获取到数据,判断有没有 ...
 
随机推荐
- Ehcache 3.7文档—基础篇—JCache aka JSR-107
			
一. 概述JCache Java临时缓存API(JSR-107),也被称为JCache,它是一个规范在javax.cache.API中定义的.该规范是在Java Community Process下开 ...
 - PAT甲级1123 Is It a Complete AVL Tree【AVL树】
			
题目:https://pintia.cn/problem-sets/994805342720868352/problems/994805351302414336 题意: 给定n个树,依次插入一棵AVL ...
 - JS数组reduce()方法详解及高级技巧
			
1.语法 arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上 ...
 - numpy(五)
			
排序: x=np.array([2,5,6,2,3,5]) np.sort(x) 不改变原数组 x.sort() 改变原数组 i=np.argsort(x) 返回排序好的索引值 x[i] 使用花哨索 ...
 - 【托业】【怪兽】TEST04
			
❤ admit doing sth 承认做某事 ❤revelation n.揭露,揭示 ❤dazzling adj. 炫目的 ❤intentionally adv.刻意地 ❤metropolitan ...
 - React browserHistory.push()传参
			
1.browserHistory.push({ "pathname":'/interface_log', state: ...
 - MySQL数据库常用命令和概念 (1)
			
一.数据库的创建: 1.创建一个名称为mydb1的数据库 create database mydb1; 2.创建一个使用utf8字符集的mydb2数据库. create database mydb2 ...
 - Complex类的实现
			
#include<iostream> #include<cmath> using namespace std; class complex{ public: complex() ...
 - Mysql事务隔离级别学习
			
这篇文章主要谈谈Mysql事务隔离级别的区别,以及自己的一些感受. 自己一直以来没搞懂“可重复读”和可提交读“两者之间的区别,通过此次的实践,清楚了两者之间的区别.废话不说,先上图看看这几个事务隔离级 ...
 - dom渲染方面的优化浅谈
			
今天分享一个面试经验,上周面试中一位印象很深的面试官(主要长得很帅),问我了一个我至今印象很深刻的问题,当然不是什么你之后的职业规划啊,你工作中遇到过哪些问题啊之类的.原起于一道面试题,小伙伴们可以想 ...