成功添加Fluro库依赖后,就可以使用Fluro进行应用的路由管理与导航开发了。为了方便对路由进行统一的管理,首先需要新建一个路由映射文件,用来对每个路由进行管理。如下所示,是路由配置文件route_handles.dart的示例代码。

import ‘package:fluro/fluro.dart’;

import ‘package:flutter/material.dart’;

import ‘package:flutter_demo/page_a.dart’;

import ‘package:flutter_demo/page_b.dart’;

import ‘package:flutter_demo/page_empty.dart’;

//空页面

var emptyHandler = new Handler(

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

return PageEmpty();

});

//A页面

var aHandler = new Handler(

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

return PageA();

});

//B页面

var bHandler = new Handler(

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

return PageB();

});

完成基本的路由配置后,还需要一个静态的路由总体配置文件,方便我们在路由页面中使用。如下所示,是路由总体配置文件routes.dart的示例代码。

import ‘package:fluro/fluro.dart’;

import ‘package:flutter_demo/route_handles.dart’;

class Routes {

static String page_a = “/”; //需要注意

static String page_b = “/b”;

static void configureRoutes(Router router) {

router.define(page_a, handler: aHandler);

router.define(page_b, handler: bHandler);

router.notFoundHandler =emptyHandler; //空页面

}

}

在进行路由的总体配置时,还需要处理不存在的路径情况,即使用空页面或者默认页面进行代替。同时,需要注意的是应用的首页一定要用“/”进行配置。

为了方便使用,还需要把Router进行静态化,这样在任何一个页面都可以直接调用它。如下所示,是application.dart文件的示例代码。

import ‘package:fluro/fluro.dart’;

class Application{

static Router router;

}

完成上述操作后,就可以在main.dart文件中引入路由配置文件和静态化文件了,如下所示。

import ‘package:fluro/fluro.dart’;

import ‘package:flutter_demo/routes.dart’;

import ‘application.dart’;

void main() {

Router router = Router();

Routes.configureRoutes(router);

Application.router = router;

runApp(MyApp());

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

最后笔者收集整理了一份Flutter高级入门进阶资料PDF

以下是资料目录和内容部分截图



里面包括详细的知识点讲解分析,带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程,让你秒变大前端。

Fx58V-1711931373983)]

[外链图片转存中…(img-K6c5wtiN-1711931373984)]
里面包括详细的知识点讲解分析,带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程,让你秒变大前端。

[外链图片转存中…(img-H0CGxs1W-1711931373984)]

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐