Flutter核心技术与实战
陈航
美团点评高级技术专家
立即订阅
6150 人已学习
课程目录
已完结 47 讲
0/4登录后，你可以任选4讲全文学习。
课前必读 (3讲)
开篇词 | 为什么每一位大前端从业者都应该学习Flutter？
免费
01 | 预习篇 · 从0开始搭建Flutter工程环境
02 | 预习篇 · Dart语言概览
Flutter开发起步 (3讲)
03 | 深入理解跨平台方案的历史发展逻辑
04 | Flutter区别于其他方案的关键技术是什么？
05 | 从标准模板入手，体会Flutter代码是如何运行在原生系统上的
Dart语言基础 (3讲)
06 | 基础语法与类型变量：Dart是如何表示信息的？
07 | 函数、类与运算符：Dart是如何处理信息的？
08 | 综合案例：掌握Dart核心特性
Flutter基础 (13讲)
09 | Widget，构建Flutter界面的基石
10 | Widget中的State到底是什么？
11 | 提到生命周期，我们是在说什么？
12 | 经典控件（一）：文本、图片和按钮在Flutter中怎么用？
13 | 经典控件（二）：UITableView/ListView在Flutter中是什么？
14 | 经典布局：如何定义子控件在父容器中排版的位置？
15 | 组合与自绘，我该选用何种方式自定义Widget？
16 | 从夜间模式说起，如何定制不同风格的App主题？
17 | 依赖管理（一）：图片、配置和字体在Flutter中怎么用？
18 | 依赖管理（二）：第三方组件库在Flutter中要如何管理？
19 | 用户交互事件该如何响应？
20 | 关于跨组件传递数据，你只需要记住这三招
21 | 路由与导航，Flutter是这样实现页面切换的
Flutter进阶 (17讲)
22 | 如何构造炫酷的动画效果？
23 | 单线程模型怎么保证UI运行流畅？
24 | HTTP网络编程与JSON解析
25 | 本地存储与数据库的使用和优化
26 | 如何在Dart层兼容Android/iOS平台特定实现？（一）
27 | 如何在Dart层兼容Android/iOS平台特定实现？（二）
28 | 如何在原生应用中混编Flutter工程？
29 | 混合开发，该用何种方案管理导航栈？
30 | 为什么需要做状态管理，怎么做？
31 | 如何实现原生推送能力？
32 | 适配国际化，除了多语言我们还需要注意什么?
33 | 如何适配不同分辨率的手机屏幕？
34 | 如何理解Flutter的编译模式？
35 | Hot Reload是怎么做到的？
36 | 如何通过工具链优化开发调试效率？
37 | 如何检测并优化Flutter App的整体性能表现？
38 | 如何通过自动化测试提高交付质量？
Flutter综合应用 (6讲)
39 | 线上出现问题，该如何做好异常捕获与信息采集？
40 | 衡量Flutter App线上质量，我们需要关注这三个指标
41 | 组件化和平台化，该如何组织合理稳定的Flutter工程结构？
42 | 如何构建高效的Flutter App打包发布环境？
43 | 如何构建自己的Flutter混合开发框架（一）？
44 | 如何构建自己的Flutter混合开发框架（二）？
结束语 (1讲)
结束语 | 勿畏难，勿轻略
特别放送 (1讲)
特别放送 ｜ 温故而知新，与你说说专栏的那些思考题
Flutter核心技术与实战
登录|注册
31 | 如何实现原生推送能力？
陈航 2019-09-07
你好，我是陈航。
在上一篇文章中，我与你分享了如何使用 Provider 去维护 Flutter 组件共用的数据状态。在 Flutter 中状态即数据，通过数据资源封装、注入和读写这三步，我们不仅可以实现跨组件之间的数据共享，还能精确控制 UI 刷新粒度，避免无关组件的刷新。
其实，数据共享不仅存在于客户端内部，同样也存在于服务端与客户端之间。比如，有新的微博评论，或者是发生了重大新闻，我们都需要在服务端把这些状态变更的消息实时推送到客户端，提醒用户有新的内容。有时，我们还会针对特定的用户画像，通过推送实现精准的营销信息触达。
可以说，消息推送是增强用户黏性，促进用户量增长的重要手段。那么，消息推送的流程是什么样的呢？
消息推送流程
手机推送每天那么多，导致在我们看来这很简单啊。但其实，消息推送是一个横跨业务服务器、第三方推送服务托管厂商、操作系统长连接推送服务、用户终端、手机应用五方的复杂业务应用场景。
在 iOS 上，苹果推送服务（APNs）接管了系统所有应用的消息通知需求；而 Android 原生，则提供了类似 Firebase 的云消息传递机制（FCM），可以实现统一的推送托管服务。
当某应用需要发送消息通知时，这则消息会由应用的服务器先发给苹果或 Google，经由 APNs 或 FCM 被发送到设备，设备操作系统在完成解析后，最终把消息转给所属应用。这个流程的示意图，如下所示。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《Flutter核心技术与实战》，如需阅读全部文章，
请订阅文章所属专栏。
请订阅文章所属专栏。
立即订阅
登录 后留言
精选留言(8)
- 努力为明天极光好像有一个flutter的SDK插件，比我们自己封装使用要简单一些，多种思路吧
作者回复: 可以作为参考
2019-09-07 1 - Geek_0ea3e4带Example的Flutter工程怎么用命令创建啊
作者回复: flutter create —org com.example —template=plugin hello
2019-11-06 
zzz why可以在mainActivity中注册fullter的初始化监听，这样可以在后台启动的时候及时的收到推送消息。
对于在前台的情况下，可以首先判断是不是已经在前台，并且完成初始化，如果已经完成初始化的话就直接调用callbackNotificationOpened这样fullter就可以快速收到消息了作者回复: 厉害👍
2019-09-25
Bula这是对纯flutter工程接极光吧，原生工程混合flutter的应该不用关心极光推送的初始化作者回复: 是的
2019-09-20
灰太狼这篇文章很棒，就像楼上说的已有极光的flutter插件，但是通过此文让更多读者了解了如何接入已有的原生sdk，对推广flutter是很有好处的。2019-09-19
小师弟可以在mainactivity里注册flutter初始化完成的监听，回调时把消息通知传递给flutter作者回复: 可以，不过对于flutter页面已经在前台的情况下、这种就收不到push了
2019-09-08
鲸鱼为了让 Flutter 代码能够更快地收到推送消息，你会如何优化呢？
这里是不是可以原生侧把推送消息保存起来，待flutter启动后直接读取消息作者回复: 可以，但对于flutter页面已经在前台的情况下，这种就收不到推送了
2019-09-08- 鲸鱼用户点击推送那里应该由flutter来主动注册回调，这样可以避免等待
作者回复: flutter不论怎么主动，推送都需要由native去通知他呀
2019-09-08
收起评论