2020-08-31

			1. 跳转页面,不传参:
			Routes.navigateTo(
			        context,
			        Routes.setting,
			      );
		1、pop返回页面:
		Navigator.of(context).pop();
		2、返回到/根页面:
		Navigator.of(context).popUntil(ModalRoute.withName('/'));
		Navigator.of(context).popUntil((r) => r.settings.isInitialRoute);
		
		、返回到路由列表中的某个页面:
		Navigator.of(context).popUntil(ModalRoute.withName('/test'));
		
		1main.dart中配置
		void main() {
		  final router = Router();
		  Routes.configureRoutes(router);
		  Routes.router = router;
		  runApp(MyApp());
		}
		...
		...
		return MaterialApp(
		      title: 'Flutter APP',
		      onGenerateRoute: Routes.router.generator, // 配置route generate
		    );

创建Routes.dart

	// 配置路径Route
	import 'package:flutter/material.dart';
	import 'package:fluro/fluro.dart';
	import 'package:***/route/route_handlers.dart';
	
	class Routes {
	  // 路由管理
	  static Router router;
	
	  static String root = '/'; // 根目录
	  static String setting = '/setting'; // 设置页
	  static String webView = '/webView'; // 网页加载
	  static String wxSharePay = '/wxSharePay'; // 测试model传参
	
	  // 配置route
	  static void configureRoutes(Router router) {
	    // 未发现对应route
	    router.notFoundHandler = Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {
	      print('route not found!');
	      return;
	    });
	
	    router.define(root, handler: rootHandler); // 根目录
	    router.define(setting, handler: settingHandler); // 设置
	    router.define(webView, handler: webViewHandler); // 网页加载
	    router.define(wxSharePay, handler: wxSharePayHandler); // 测试model传参
	  }
	
	  // 对参数进行encode,解决参数中有特殊字符,影响fluro路由匹配
	  static Future navigateTo(BuildContext context, String path, {Map<String, dynamic> params, TransitionType transition = TransitionType.native}) {
	    String query =  "";
	    if (params != null) {
	      int index = 0;
	      for (var key in params.keys) {
	        var value = Uri.encodeComponent(params[key]);
	        if (index == 0) {
	          query = "?";
	        } else {
	          query = query + "\&";
	        }
	        query += "$key=$value";
	        index++;
	      }
	    }
	    print('我是navigateTo传递的参数:$query');
	
	    path = path + query;
	    return router.navigateTo(context, path, transition:transition);
	  }
	}


	***

创建route_handler.dart


import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
import 'dart:convert' as convert;

import 'package:***/common/home.dart';
import 'package:***/widgets/mine/settings.dart';
import 'package:***/common/webview_url.dart';
import 'package:***/widgets/login/wx_share_pay.dart';
import 'package:***/widgets/login/model/user_info_model.dart';

// 根目录
var rootHandler =
    Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {
  return HomePage();
});

// 设置页 - 示例:不传参数
var settingHandler =
    Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {
  return Settings();
});

// 网页加载 - 示例:传多个字符串参数
var webViewHandler =
    Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {
  // params内容为  {title: [我是标题哈哈哈], url: [https://www.baidu.com/]}
  String title = params['title']?.first;
  String url = params['url']?.first;
  return WebViewUrlPage(
    title: title,
    url: url,
  );
});

// 示例:传多个model参数
var wxSharePayHandler =
    Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {
//  print('params: $params');
//  String model = params['userInfoModel']?.first;
//  print('model: $model');
//  // model: {name: yuanzhiying, age: 30, height: 1.78, weight: 74.0}
//  Map<String, dynamic> jsonMap = convert.jsonDecode(model);
//  print('jsonMap: $jsonMap');
//  UserInfoModel _model = UserInfoModel.fromJson(jsonMap);

  UserInfoModel _model1 =
  UserInfoModel.fromJson(convert.jsonDecode(params['userInfoModel'][0]));
  UserInfoModel _model2 =
      UserInfoModel.fromJson(convert.jsonDecode(params['userInfoModel2'][0]));

  return WxSharePage(
    userInfoModel: _model1,
    userInfoModel2: _model2,
  );
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值