帶你從零學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地址項目在這裏找到！

後續文章持續更新，敬請期待！

文章爲做者原創，轉載請註明出處。