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

 ReactNative跨平台開發系列教程：

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

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

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

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

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

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

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

hot：更多>>

 貼一個交流群二維碼，歡迎加入

經過前三篇文章，我詳細的說了一下關於基礎環境配置的事情，那么接下來就真真正正的coding吧，關於環境配置方面的問題，如果不明白，請自己百度科普。

說實戰的話，其實我准備了四個項目，不好選擇，原因是，好多接口都廢棄了，運行起來，沒有內容，給大家演示一下預預熱，把我弄的十分尬尷，還有第二個原因就是，好久沒有搞RN開發了，手生，寫完這篇文章，我會把接口逐一實現一下，廢話也不多說了，就開始擼碼了，你准備好了嗎？

---

 

拉開實戰序幕

我會把這個項目，上傳到github，如果有人想一起開發，可以加入，項目名字就叫做“BF_FB”.

來一張尷尬的圖：

報黃條的原因就是token這塊異常，為什么異常呢？接口壞了。

哈哈，不管 他了 ，新建一個項目，開始coding。

 學習nativigation推薦兔哥簡書

 

該項目上傳github鏈接在這里

---

 

感覺實戰的步伐又要放緩了，先面是介紹一下基礎組件，是居於上圖的，上圖的效果主要就是簡單的布局+navigation，代碼我已經上傳到github，有需要自行下載，這個項目會組建累加，所以說github也是不斷更新的。

貿然的說實戰是不負責人的，這一篇下面主要的內容我是想先介紹一下rn的基礎。

1.flexbox模式布局：上中下，左中右

我們用這幾個求求來玩玩布局

 

把代碼上傳github，休息...

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

文章為作者原創，轉載請注明出處。