1、實(shí)例:
使用ReactNative實(shí)現(xiàn)簡(jiǎn)單的登錄頁面
1.1、開發(fā)工具:
xcode8.1(需要配置ReactNative環(huán)境)和WebStorm。
1.2、跨平臺(tái)開發(fā)方式:
通過ReactNative為橋梁來連接JavaScript與OC兩種不同語言的開發(fā)。
1.3、創(chuàng)建項(xiàng)目的方式:
通過終端指令連接ReactNative服務(wù)器創(chuàng)建項(xiàng)目(如果網(wǎng)絡(luò)情況不好,創(chuàng)建項(xiàng)目比較費(fèi)時(shí)間)。
1.4、實(shí)例主要截圖:



2、React Native開發(fā)的優(yōu)點(diǎn)與缺點(diǎn)
2.1、優(yōu)點(diǎn)
1)運(yùn)用ReactNative,可以使用同一份代碼運(yùn)行在Android端和iOS端,由于提高開發(fā)速度,
2)可以實(shí)現(xiàn)即時(shí)更新功能,方便敏捷開發(fā),有利于提高用戶體驗(yàn)。
3)可以提高開發(fā)效率,對(duì)于熟悉ReactNative框架的人,可以無障礙地在React-Native下構(gòu)建界面和業(yè)務(wù)邏輯。
2.2、缺點(diǎn)
1)ReactNative開發(fā)是純代碼開發(fā),沒有iOS中xib和storyboard的可視化開發(fā)。
2)使用ReactNative混合開發(fā),App的體積增加比較,由于需要依賴ReactNative框架比較多。
3)ReactNative更新速度比較快,有一些版本之間不兼容,暫時(shí)不是很穩(wěn)定。
4)前期需要學(xué)習(xí)React-Native開發(fā)框架和javaScript相關(guān)的知識(shí)。
3、總結(jié)
? ? ? ?通過配置React-Native開發(fā)環(huán)境,到使用WebStorm工具開發(fā)簡(jiǎn)單的登錄頁面,深刻感受到React-Native混合開發(fā)可以實(shí)現(xiàn)同一份代碼運(yùn)行在Android端和iOS端的強(qiáng)大,個(gè)人感覺React-Native混合開發(fā)在未來跨平臺(tái)開發(fā)中應(yīng)該很有前途,個(gè)人會(huì)在以后時(shí)間里學(xué)習(xí)React-Native混合開發(fā)的技能,逐漸嘗試使用React-Native來寫編寫一些簡(jiǎn)單的頁面。