flutter 路由 fluro

代码：

1.

import 'package:fluro/fluro.dart';

import 'package:flutter/material.dart';

import 'router_handle.dart';

class MainRouter {

static String root = '/';

static String goodDetail = '/goodsDetail';

static void configureRoutes(Router router){

router.notFoundHandler = new Handler(

handlerFunc: (BuildContext context,Map<String,List<String>> params){

print('Not Found Router');

}

);

router.define(goodDetail, handler: goodsHandle);//商品详情路由

}

}

 

 

2.

Handler goodsHandle = Handler(

handlerFunc: (BuildContext context,Map<String,List<String>> params){

String goodsId = params['id'].first;

print('detail->route goodsid : ${goodsId}');

return GoodDetail(goodsId);

}

);

 

3.

class Application {

static Router router;

}

4.

final router = new Router();

MainRouter.configureRoutes(router);

Application.router = router;

return Container(

child: MaterialApp(

title: '网商项目',

onGenerateRoute: Application.router.generator,

debugShowCheckedModeBanner: false,//去掉debug样式

theme: ThemeData(

primaryColor: Colors.pink//主题样式颜色

),

home: IndexPage(),

),

);

5.

onTap: (){

Application.router.navigateTo(context, '/goodsDetail?id=${val['goodsId']}');

},

总结：

flutter 路由 fluro

下载 fluro: ^1.4.0

单个路由的实例

Handle xxxx = Handle(

handlerFunc:(BuildContext context,Map<String,List<String>> prarams){

print(‘调用XX路由实例’)

return 返回某个页面，也可省略

}

)

Xxx 是实例变量

使用主Route 统一分发

Class YYY{

static String root = ‘/’;

static String  xxString  = ‘/xxx’ //上面实例相关的实例变量地址

static void  yyconfigurationRoutes(Router router){

router.notFoundHandle = new Handle(//未识别到的路由跳转

handleFunc:(BuildContext context,Map<String,List<String>> params){

}

)

router.define(xxString,handle:xxxx)

}

}

yyconfigurationRoutes YYY下的静态实例方法

加载静态管理

class Application {

    static Router router;

}

main函数初始化

final yy = New Router();//yy Router变量

YYY.yyconfigurationRoutes（yy）;

Application.router = router;

在main函数中的Container使用

onGenerateRoute:Application.router.generator

在某个跳转中使用

onTap: (){

              Application.router.navigateTo(context, '/goodsDetail?zzzzz'); goodsDetail就是xxString,zzzz是其他

            },