Flutter 玩转微信——闪屏页妙用，androidview绘制流程面试

上面就是笔者整理的微信登陆逻辑，大家可以打开你手机上的微信App，逐个验证各个逻辑。当然微信是没有广告页的，笔者这里增加广告逻辑只是为了满足业界通用App的逻辑罢了，微信的做法是：v1 == v2 => 根据account和userInfo判断 => 切换页面，可见，微信的登陆比上面逻辑图更简单，这里笔者就不一一赘述了。

其次，笔者相信，上面的逻辑图，应该能满足业界80%以上的app启动逻辑，大家如果有任何疑问或者有更好的解决方案，欢迎留言交流，谢谢。

最后，相信有了逻辑图，大家写起代码也比较胸有成竹了，也希望大家在写代码之前，先写好流程图，避免像无头苍蝇一样，毫无目标性。记住：在错误的道路上，停止就是前进！

代码

/// 闪屏跳转模式

enum MHSplashSkipMode {

newFeature, // 新特性（引导页）

login, // 登陆

currentLogin, // 账号登陆

homePage, // 主页

ad, // 广告页

}

/// 闪屏界面主要用来中转（新特性界面、登陆界面、主页面）

class SplashPage extends StatefulWidget {

SplashPage({Key key}) : super(key: key);

_SplashPageState createState() => _SplashPageState();

}

class _SplashPageState extends State {

/// 跳转方式

MHSplashSkipMode _skipMode;

/// 定时器相关

TimerUtil _timerUtil;

/// 计数

int _count = 5;

/// 点击是否高亮

bool _highlight = false;

@override

void dispose() {

super.dispose();

print(‘🔥 Splash Page is Over 👉’);

// 记得中dispose里面把timer cancel。

if (_timerUtil != null) _timerUtil.cancel();

}

@override

void initState() {

super.initState();

// 监听部件渲染完

/// widget渲染监听。

WidgetUtil widgetUtil = new WidgetUtil();

widgetUtil.asyncPrepares(true, (_) async {

// widget渲染完成。

// App启动时读取Sp数据，需要异步等待Sp初始化完成。必须保证它 优先初始化。

await SpUtil.getInstance();

// 获取一下通讯录数据，理论上是在跳转到主页时去请求

ContactsService.sharedInstance;

// 读取一下全球手机区号编码

ZoneCodeService.sharedInstance;

/// 获取App信息

PackageInfo packageInfo = await PackageInfo.fromPlatform();

// String appName = packageInfo.appName;

// String packageName = packageInfo.packageName;

String version = packageInfo.version;

String buildNumber = packageInfo.buildNumber;

// 拼接app version

final String appVersion = version + ‘+’ + buildNumber;

// 获取缓存的版本号

final String cacheVersion = SpUtil.getString(CacheKey.appVersionKey);

// 获取用户信息

if (appVersion != cacheVersion) {

// 保存版本

SpUtil.putString(CacheKey.appVersionKey, appVersion);

// 更新页面，切换为新特性页面

setState(() {

_skipMode = MHSplashSkipMode.newFeature;

});

} else {

// _switchRootView();

setState(() {

_skipMode = MHSplashSkipMode.ad;

});

// 配置定时器

_configureCountDown();

}

});

}

// 切换rootView

void _switchRootView() {

// 取出登陆账号

final String rawLogin = AccountService.sharedInstance.rawLogin;

// 取出用户

final User currentUser = AccountService.sharedInstance.currentUser;

// 跳转路径

String skipPath;

// 跳转模式

MHSplashSkipMode skipMode;

if (Util.isNotEmptyString(rawLogin) && currentUser != null) {

// 有登陆账号 + 有用户数据 跳转到 主页

skipMode = MHSplashSkipMode.homePage;

skipPath = Routers.homePage;

} else if (currentUser != null) {

// 没有登陆账号 + 有用户数据 跳转到当前登陆

skipMode = MHSplashSkipMode.currentLogin;

skipPath = LoginRouter.currentLoginPage;

} else {

// 没有登陆账号 + 没有用户数据 跳转到登陆

skipMode = MHSplashSkipMode.login;

skipPath = LoginRouter.loginPage;

}

// 这里无需更新 页面 直接跳转即可

_skipMode = skipMode;

// 跳转对应的主页

NavigatorUtils.push(context, skipPath,

clearStack: true, transition: TransitionType.fadeIn);

}

/// 配置倒计时

void _configureCountDown() {

_timerUtil = TimerUtil(mTotalTime: 5000);

_timerUtil.setOnTimerTickCallback((int tick) {

double _tick = tick / 1000;

if (_tick == 0) {

// 切换到主页面

_switchRootView();

} else {

setState(() {

_count = _tick.toInt();

});

}

});

_timerUtil.startCountDown();

}

@override

Widget build(BuildContext context) {

/// 配置屏幕适配的 flutter_screenutil 和 flustars 设计稿的宽度和高度(单位px)

/// Set the fit size (fill in the screen size of the device in the design) If the design is based on the size of the iPhone6 (iPhone6 750*1334)

// 配置设计图尺寸，iphone 7 plus 1242.0 x 2208.0

final double designW = 1242.0;

final double designH = 2208.0;

FlutterScreenUtil.ScreenUtil.instance =

FlutterScreenUtil.ScreenUtil(width: designW, height: designH)

…init(context);

setDesignWHD(designW, designH, density: 3);

/// If you use a dependent context-free method to obtain screen parameters and adaptions, you need to call this method.

MediaQuery.of(context);

Widget child;

if (_skipMode == MHSplashSkipMode.newFeature) {

// 引导页

child = _buildNewFeatureWidget();

} else if (_skipMode == MHSplashSkipMode.ad) {

// 广告页

child = _buildAdWidget();

} else {

// 启动页

child = _buildDefaultLaunchImage();

}

return Material(child: child);

}

/// 默认情况是一个启动页 1200x530

/// https://game.gtimg.cn/images/yxzj/img201606/heroimg/121/121-bigskin-4.jpg

Widget _buildDefaultLaunchImage() {

return Container(

width: double.maxFinite,

height: double.maxFinite,

decoration: BoxDecoration(

// 这里设置颜色 跟启动页一致的背景色，以免发生白屏闪烁

color: Color.fromRGBO(0, 10, 24, 1),

image: DecorationImage(

// 注意：启动页 别搞太大 以免加载慢

image: AssetImage(Constant.assetsImages + ‘LaunchImage.png’),

fit: BoxFit.cover,

),

),

);

}

/// 新特性界面

Widget _buildNewFeatureWidget() {

return Swiper(

itemCount: 3,

loop: false,

itemBuilder: (_, index) {

final String name =

Constant.assetsImagesNewFeature + ‘intro_page_${index + 1}.png’;

Widget widget = Image.asset(

name,

fit: BoxFit.cover,

width: double.infinity,

height: double.infinity,

);

if (index == 2) {

return Stack(

children: [

widget,

Positioned(

child: InkWell(

child: Image.asset(

Constant.assetsImagesNewFeature + ‘skip_btn.png’,

width: 175.0,

height: 55.0,

),

onTap: _switchRootView,

highlightColor: Colors.transparent,

splashColor: Colors.transparent,

focusColor: Colors.transparent,

),

left: (ScreenUtil.getInstance().screenWidth - 175) * 0.5,

bottom: 55.0,

width: 175.0,

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

《设计思想解读开源框架》

第一章、 热修复设计

• 第一节、 AOT/JIT & dexopt 与 dex2oat

• 第二节、 热修复设计之 CLASS_ISPREVERIFIED 问题

• 第三节、热修复设计之热修复原理

• 第四节、Tinker 的集成与使用（自动补丁包生成）

  

  第二章、 插件化框架设计

• 第一节、 Class 文件与 Dex 文件的结构解读

• 第二节、 Android 资源加载机制详解

• 第三节、 四大组件调用原理

• 第四节、 so 文件加载机制

• 第五节、 Android 系统服务实现原理

  

  第三章、 组件化框架设计

• 第一节、阿里巴巴开源路由框——ARouter 原理分析

• 第二节、APT 编译时期自动生成代码&动态类加载

• 第三节、 Java SPI 机制

• 第四节、 AOP&IOC

• 第五节、 手写组件化架构

  

  第四章、图片加载框架

• 第一节、图片加载框架选型

• 第二节、Glide 原理分析

• 第三节、手写图片加载框架实战

  

  第五章、网络访问框架设计

• 第一节、网络通信必备基础

• 第二节、OkHttp 源码解读

• 第三节、Retrofit 源码解析

  

  第六章、 RXJava 响应式编程框架设计

• 第一节、链式调用

• 第二节、 扩展的观察者模式

• 第三节、事件变换设计

• 第四节、Scheduler 线程控制

  

  第七章、 IOC 架构设计

• 第一节、 依赖注入与控制反转

• 第二节、ButterKnife 原理上篇、中篇、下篇

• 第三节、Dagger 架构设计核心解密

  

  第八章、 Android 架构组件 Jetpack

• 第一节、 LiveData 原理

• 第二节、 Navigation 如何解决 tabLayout 问题

• 第三节、 ViewModel 如何感知 View 生命周期及内核原理

• 第四节、 Room 架构方式方法

• 第五节、 dataBinding 为什么能够支持 MVVM

• 第六节、 WorkManager 内核揭秘

• 第七节、 Lifecycles 生命周期

  
  本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
  

80)]

第七章、 IOC 架构设计

• 第一节、 依赖注入与控制反转

• 第二节、ButterKnife 原理上篇、中篇、下篇

• 第三节、Dagger 架构设计核心解密

  [外链图片转存中…(img-h8v6hdKD-1711747207980)]

  第八章、 Android 架构组件 Jetpack

• 第一节、 LiveData 原理

• 第二节、 Navigation 如何解决 tabLayout 问题

• 第三节、 ViewModel 如何感知 View 生命周期及内核原理

• 第四节、 Room 架构方式方法

• 第五节、 dataBinding 为什么能够支持 MVVM

• 第六节、 WorkManager 内核揭秘

• 第七节、 Lifecycles 生命周期

  [外链图片转存中…(img-N67Zx0uO-1711747207980)]
  本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
  [外链图片转存中…(img-ev9G387S-1711747207980)]

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