帶你從零學ReactNative開發跨平台App開發（六）

標籤：targe   width   loading   原因   deb   nat   exp   target   www.   

今天早上九點起來擼碼的，心情美滋滋。廢話不多說，開始擼碼，你準備好了嗎？另外本系列文章的源碼已經上傳到github，請自行擷取！

 

預先載入|緩衝

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，說我沒有註冊，

 

 

 

 

 

帶你從零學ReactNative開發跨平台App開發（六）