带你从零学ReactNative开发跨平台App开发（六）

时间 2019-11-10

标签 reactnative 开发跨平台 app 繁體版

原文原文链接

ReactNative跨平台开发系列教程：html

带你从零学ReactNative开发跨平台App开发（一）react

带你从零学ReactNative开发跨平台App开发（二）git

带你从零学ReactNative开发跨平台App开发（三）github

带你从零学ReactNative开发跨平台App开发（四）react-native

带你从零学ReactNative开发跨平台App开发（五）api

带你从零学ReactNative开发跨平台App开发（六）缓存

带你从零学ReactNative开发跨平台App开发（七）app
hot：更多>>

今天早上九点起来撸码的，心情美滋滋。废话很少说，开始撸码，你准备好了吗？另外本系列文章的源码已经上传到github，请自行获取！post

预加载|缓存

expo中提供了一个 AppLoading 的方法，你能够用它去干一些后台加载数据，缓存之类的工做，当他没有缓存完成须要的资源时，你的screen是不会显示出来的，因此这个方法，我我的感受老是那么的蹩脚。上个图说明一下：测试

在上图中屏幕会出现卡白的状况，什么缘由呢？我让其在AppLoading ，app加载的时候干了一些加载资源的事情，右图是我模拟的加载资源，用的for循环，结果程序启动，他就会走apploading，干他里面的事情，因此应用程序就会卡白，显然这不是咱们想要的，下面咱们尝试一下splash，我能够用splash。

搞了个人笑了，splash在expo中配置文件配置一些就能够了，

若是这样的话，我就仍是不满意，你们能够放肆的去用第三方了，甚至我本身洗的那一个也凑合。

这里推荐两个第三方，不必定是最好的可是是我找到的。

splash一 splash二

既然这里写到了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 sending

messages 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地址项目在这里找到！

后续文章持续更新，敬请期待！

文章为做者原创，转载请注明出处。