带你从零学ReactNative开发跨平台App开发（六）
ReactNative跨平台开发系列教程：
今天早上九点起来撸码的，心情美滋滋。废话不多说，开始撸码，你准备好了吗？另外本系列文章的源码已经上传到github，请自行获取！
预加载|缓存
expo中提供了一个 AppLoading 的方法，你可以用它去干一些后台加载数据，缓存之类 的工作，当他没有缓存完成需要的资源时，你的screen是不会显示出来的，所以这个方法，我个人感觉总是那么的蹩脚。上个图说明一下：
在上图中屏幕会出现卡白的情况，什么原因呢？我让其在AppLoading ，app加载的时候干了一些加载资源的事情，右图是我模拟的加载资源，用的for循环，结果程序启动，他就会走apploading，干他里面的事情，所以应用程序就会卡白，显然这不是我们想要的，下面我们尝试一下splash，我可以用splash。
搞了我的笑了，splash在expo中配置文件配置一些就可以了，
如果这样的话，我就还是不满意，大家可以放肆的去用第三方了，甚至我自己洗的那一个也凑合。
这里推荐两个第三方，不一定是最好的但是是我找到的。
既然这里写到了splash，我也好好的回顾一些很久以前写到一篇文章：react native 第一次下载app的欢迎页+每次启动app的启动页设计 顺便在本项目中实现一下。
貌似有点小问题，上次我在原生混合模式里，往<Image> 组件里添加子组件没有报错，这次在expo里，他不让我这样操作，很是尴尬！
所以啊，我建议做splash就直接用第三方吧，简单粗暴省事！
这个splash我就不想提及了，下面说一下 Push Notifications，消息推送服务
Push Notifications|消息推送
简单的测试了一下他的推送api，说我没有注册，如图：
出现这个错误原因很正常，官方给出的是：
DeviceNotRegistered: the device cannot receive push notifications anymore and you should stop sendingmessages to the given Expo push token.
expo 消息推送不允许模拟器|仿真机测试，我用postman当然不行了，所以我们要改用真机，测试消息推送！
模拟器上推送依然报错：
换真机--今天就不吃瓜了，明天继续吃！我要体验大微软的跨平台去了！
这个项目我发布了一下：https://expo.io/@dongsheng/myappxde 可以在这里用expo扫码看一下，样式特别丑！
另外想说一下，expo现在最高版本是24.0.0
它和ReactNative版本对应：17.0.0→0.44| 18.0.0→0.45| 19.0.0→0.46| 20.0.0 →0.47| 21.0.0 →0.48| 22.0.0 →0.49| 23.0.0 →0.50| 24.0.0 →0.51
由此可以推出，expo是一个多么新的派生物种...
我的github地址 项目在这里找到！
后续文章持续更新，敬请期待！
文章为作者原创，转载请注明出处。
带你从零学ReactNative开发跨平台App开发（六）的更多相关文章
- 带你从零学ReactNative开发跨平台App开发（二）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发（一）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发-[react native 仿boss直聘]（十三）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发（十一）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发（十）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发（九）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发[expo 打包发布]（八）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发（七）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
- 带你从零学ReactNative开发跨平台App开发（五）
ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...
随机推荐
- js的事件学习笔记
目录 0.参考 1.事件流 冒泡传播 事件捕获 2.事件绑定--onclick接口 onclick类的接口,只能注册一个同类事件 onclick类的接口,使用button.onclick = null ...
- C++运算符重载三种形式（成员函数，友元函数，普通函数）详解
首先,介绍三种重载方式: //作为成员函数重载(常见) class Person{ Private: string name; int age; public: Person(const char* ...
- Android 开发工具类 12_PullXmlTools
xml 格式数据 <?xml version="1.0" encoding="UTF-8"?> <user-list> <user ...
- Android 开发工具类 11_ToolFor9Ge
1.缩放/ 裁剪图片: 2.判断有无网络链接: 3.从路径获取文件名: 4.通过路径生成 Base64 文件: 5.通过文件路径获取到 bitmap: 6.把 bitmap 转换成 base64: 7 ...
- Flow中的Switch分析
A switch statement can complete normally iff at least one of the following is true: (1)The switch bl ...
- Python -- 游戏开发 -- PyGame的使用
弹球 pong.py import sys import pygame from pygame.locals import * class MyBallClass(pygame.sprite.Spri ...
- jquery获取input的checked属性
1.经常需要判断某个按钮是否被选中. 2.基于jquery. <!DOCTYPE html> <html lang="en"> <head> & ...
- LDAP落地实战（二）：SVN集成OpenLDAP认证
上一篇文章我们介绍了LDAP的部署以及管理维护,那么如何接入LDAP实现账号统一认证呢?这篇文章将带你完成svn的接入验证 subversion集成OpenLDAP认证 系统环境:debian8.4 ...
- 机器学习--聚类系列--K-means算法
一.聚类 聚类分析是非监督学习的很重要的领域.所谓非监督学习,就是数据是没有类别标记的,算法要从对原始数据的探索中提取出一定的规律.而聚类分析就是试图将数据集中的样本划分为若干个不相交的子集,每个子集 ...
- MD5，SHA1 都是哈希 摘要算法 MD5+SALT BCRYPT
为什么说 MD5 是不可逆的? md5是摘要算法,你学数据结构的时候学过哈希表吧?也有叫散列的.md5就是干那个用的 当然,如果硬要说的话...你可以用md5 hash一段字符串,也算是加密好了,不过 ...