Flutter移动电商实战 --（38）路由_Fluro中Handler编写方法

系统管理员 2023-06-01 06:04 4阅读 0赞

# 在main.dart中初始化Fluro #

![1090399-20190908222157858-1052003873.png][]

# 编写handler #

在lib下新建routers文件夹，表示里面要很多路由相关的文件

![1090399-20190908222234906-1114237058.png][]

我们声明一个Handler，在里面handlerFunc固定的两个参数

重点理解：handlerFunc

![1090399-20190908222307909-2029820045.png][]

那我们要获取到goodsId

![1090399-20190908222336126-1966928038.png][]

下面是我们之前定义好的DetailsPage，接收一个goodsId参数

![1090399-20190908222404263-1720607768.png][]

重点理解：handlerFunc

# 最终代码 #

routers/router\_handler.dart

import 'package:flutter/material.dart';
    import 'package:fluro/fluro.dart';
    import '../pages/details_page.dart';
    
    //Handler相当于处理器
    Handler detailsHandler=Handler(
      handlerFunc: (BuildContext context,Map<String,List<String>> params){
        String goodsId=params['id'].first;
        print('index>details goodsId is ${goodsId}');
        return DetailsPage(goodsId);
      }
    );

转载于:https://www.cnblogs.com/crazycode2/p/11478501.html

[1090399-20190908222157858-1052003873.png]: /images/20230601/b60709a6909143db930c5fc9bba2242a.png
[1090399-20190908222234906-1114237058.png]: /images/20230601/325cb4f5a6cb4d13b17664c6d35c1583.png
[1090399-20190908222307909-2029820045.png]: /images/20230601/2a6762b289d04994bf0f9e836ce3c027.png
[1090399-20190908222336126-1966928038.png]: /images/20230601/4b0767c4c88c4518a1282629ec4e4321.png
[1090399-20190908222404263-1720607768.png]: /images/20230601/3433ab7a56b44932b36344a14273c565.png