[React Native]初探基於RN的Android開發
之前有一點React的經驗,覺得React Native不過就是把React到Web DOM的映射換成了React到Android Native的映射,用HTML CSS JavaScript寫Android程序應該是挺簡單的。一直知道RN但沒有行動過,有個機會體驗一把,真正做起來發現還是不容易的。
0、難配置,Android Studio像極了Eclipse,是那種看上去就覺得好難的界面 : ( 果然,gradle就像webpack一樣折磨人,幾次想放棄,終於配置完畢,已經沒有力氣寫程序了。
1、準備工作結束,開始編碼,沒有了<div>和<span>,到官方文檔學習才知道Native用的是<View>和<Text>,又繼續學了其他文檔,導航不太一樣,不用管url了,大部分和React思路差不多。之前用AntD知道它也有Mobile版本,而且說適用於React Native,結果發現示例程序全是div,要自己去重寫……
2、調試過程,體會到了頂配開發機和大屏幕的重要性,可憐的12寸的Surface上開了Chrome、Navicat、Putty、VS Code、Android Studio、Pixel Android虛擬機……具體調試方法還不太習慣,之前瘋狂console.log的習慣要改改了......
3、被阿裏雲坑了,自己在nginx的配置文件裏改來改去,怎麽都不能在虛擬機中fetch到8080端口的api,更沒有指向性的錯誤提示,最後fetch之前web項目的服務端卻可以連通(映射到外網80端口),感覺是端口的問題,百度一下,果然只開了3306、80、22、443等端口,添加8080的安全組配置之後,終於能訪問了。
4、感覺過不了多久,R鍵就要壞了,虛擬機重載JS的方式竟然是連按R鍵;調dev懸浮窗的方式是在控制臺打模擬鍵碼輸入的命令(在真機上是搖一搖??).......
5、網上這方面的資料不是很多https://github.com/MarnoDev/react-native-open-project 列舉了很多開源優秀RN程序,但是一大部分都不再維護了,用的是以前的navigation組件,最新推薦的是react-navigation,很多方面還是處於慢慢試探的階段。
6、總結:繼續加油......現在寫node和sql比寫react和css熟練(相對的,總體都很弱),爭取平衡一下技能樹,早日勝任前端的工作......
[React Native]初探基於RN的Android開發