static final GlobalKey navigatorKey = GlobalKey();
/// 需要子类实现的设置页面名称
String get pageName;
/// PageRoute 的 builder
Widget _pageBuilder(BuildContext context) {
return this;
}
/// 创建一个 PageRoute
Route createPageRoute(WidgetBuilder builder, RouteSettings settings) {
return MaterialPageRoute(
settings: settings,
builder: builder,
);
}
/// 获取路由设置
RouteSettings get settings => RouteSettings(name: pageName);
/// 跳转路由
Future active({bool replace}) {
var page = createPageRoute(_pageBuilder, settings);
assert(page.settings != null); // createPageRoute 函数必须设置 settings
assert(page.settings.name != null); // settings 中必须包含name。
if (replace == true) {
return navigatorKey.currentState.pushReplacement(page);
} else {
return navigatorKey.currentState.push(page);
}
}
}
复制代码
很简单，目前只能单纯的跳转，但是后期可以很方便的扩展 active() 跳转函数，使跳转更灵活。继承于它的子页面就获得了相应的能力。这里的 active 函数就是模板方法了，因为它封装了调用顺序及跳转逻辑。
好了，现在要把 navigatorKey 注册到 MaterialApp 中去。
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
navigatorKey: BasePage.navigatorKey,
title: ‘Flutter Demo’,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: ‘模板方法设计模式’,),
);
}
}
复制代码
oh! 还有一个 BasePageState ，StatefulWidget 和 State 一直是成对出现的不是吗？我们有了继承于 StatefulWidget 的抽象类 BasePage，但是它并不能提供 initState 和 dispose 用于用户行为埋点。那么我们再创建一个抽象类 BasePageState
/// 持有 BasePage 实例的 State
abstract class BasePageState extends State {
@mustCallSuper
@override
void initState() {
print(‘[BasePageState]: 记录用户打开 ${widget.pageName} 页面’);
super.initState();
}
@mustCallSuper
@override
void dispose() {
print(‘[BasePageState]: 记录用户离开 ${widget.pageName} 页面’);
super.dispose();
}
/// 封装的 pop。
bool pop([T result]) {
return Navigator.pop(context, result);
}
}
复制代码
到这里，我们已经写好了一个最基础的页面模板。
那么就创建第一个页面并且让它继承自模板吧。
import ‘package:flutter/cupertino.dart’;
import ‘package:flutter/material.dart’;
import ‘package:page_route/base_page.dart’;
class PageOne extends BasePage {
final String title;
PageOne(this.title);
@override
_PageOneState createState() => _PageOneState();
@override
String get pageName => ‘PageOne’;
}
class _PageOneState extends BasePageState {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Container(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(‘当前页面是 ${widget.title}’),
RaisedButton(
onPressed: () => pop(‘page one 已结束’),
child: Text(‘返回结果’),
)
],
),
),
),
);
}
@override
void initState() {
print(‘${widget.pageName}开始获取数据’);
super.initState();
}
@override
void dispose() {
print(‘销毁用不到的对象’);
super.dispose();
}
}
复制代码
看，这样的话，创建一个页面跟平时创建一个 StatefulWidget 并没有多大区别，而且还获得了路由启动能力。使得我们可以随时随地启动一个页面。pop 当前页面的时候也不需要写一长串的 Navigator.pop<T>(context, result)。
个性化路由跳转动画
假使我们要对某个页面加上一些跳转动画，只需要在页面中 override 重写模板的 createPageRoute 方法即可。
先创建第二个页面 PageTwo，然后实现渐隐过度
import ‘package:flutter/cupertino.dart’;
import ‘package:flutter/material.dart’;
import ‘package:page_route/base_page.dart’;
class PageTwo extends BasePage {
@override
_PageTwoState createState() => _PageTwoState();
@override
String get pageName => ‘PageTwo’;
@override
Route createPageRoute(builder, RouteSettings settings) {
return PageRouteBuilder(
transitionDuration: Duration(milliseconds: 500), //动画时间为500毫秒
settings: settings, // 必须载入 settings
pageBuilder: (BuildContext context, Animation animation,
Animation secondaryAnimation) {
return new FadeTransition(
//使用渐隐渐入过渡,
opacity: animation,
child: builder(context), //路由B
);
},
);
}
}
class _PageTwoState extends BasePageState {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘重写 createPageRoute’),
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）
总结
算法知识点繁多，企业考察的题目千变万化，面对越来越近的“金九银十”，我给大家准备好了一套比较完善的学习方法，希望能帮助大家在有限的时间里尽可能系统快速的恶补算法，通过高效的学习来提高大家面试中算法模块的通过率。
这一套学习资料既有文字档也有视频，里面不仅仅有关键知识点的整理，还有案例的算法相关部分的讲解，可以帮助大家更好更全面的进行学习，二者搭配起来学习效果会更好。
部分资料展示：
有了这套学习资料，坚持刷题一周，你就会发现自己的算法知识体系有明显的完善，离大厂Offer的距离更加近。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
关键知识点的整理，还有案例的算法相关部分的讲解，可以帮助大家更好更全面的进行学习，二者搭配起来学习效果会更好。
部分资料展示：
[外链图片转存中…(img-aJaOrEwG-1712536011206)]
[外链图片转存中…(img-nX4hQLtA-1712536011206)]
[外链图片转存中…(img-aL7UPgDM-1712536011206)]
[外链图片转存中…(img-j6mbhVk4-1712536011207)]
有了这套学习资料，坚持刷题一周，你就会发现自己的算法知识体系有明显的完善，离大厂Offer的距离更加近。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
