1. 程式人生 > >[React Native]初探基於RN的Android開發

[React Native]初探基於RN的Android開發

spa pen ati 結束 clas 最新 java ebp text

之前有一點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開發