這篇文章給大家介紹React Native如何用JS開發(fā)原生IOS APP，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

專注于為中小企業(yè)提供成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)宜城免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

React Native問世

2013年Facebook開源了在內(nèi)部大量使用的前端UI JavaScript庫——ReactJS，在兩年來，ReactJS給前端領(lǐng)域帶來了巨大的影響，越來越多的公司開始使用ReactJS構(gòu)建前端應(yīng)用。ReactJS提供一個(gè)模型簡(jiǎn)單、聲明式的、可組合的前端組件開發(fā)庫，開發(fā)人員使用ReactJS將前端分割為獨(dú)立的松耦合高內(nèi)聚UI組件Componnet，同時(shí)使用虛擬DOM等技術(shù)將瀏覽器的DOM API封裝成聲明式高性能的API調(diào)用，提升整體系統(tǒng)的抽象層次，大大簡(jiǎn)化編程模型，提升可擴(kuò)展性和開發(fā)效率。2015年在Facebook的F8大會(huì)上，F(xiàn)acebook宣布開源使用React/JavaScript現(xiàn)代瀏覽器技術(shù)來構(gòu)建原生應(yīng)用的React Native。React Native一經(jīng)宣布就給整個(gè)前端開發(fā)領(lǐng)域帶來了巨大的轟動(dòng)。

封裝原生控件

React Native封裝了大部分的標(biāo)準(zhǔn)移動(dòng)平臺(tái)組件（目前只放出了對(duì)于iOS系統(tǒng)的支持，Android系統(tǒng)的支持年底會(huì)放出），包括類似TabBar、Navigation Controller之類的組件，這些組件完全使用原生系統(tǒng)實(shí)現(xiàn)，能夠提供平臺(tái)上一致的觀感和使用體驗(yàn)。在iOS和Android的移動(dòng)平臺(tái)上有非常豐富的觸控手勢(shì)支持，React Native也充分封裝這些內(nèi)容，提供原生的觸控操作體驗(yàn)。

借鑒WEB經(jīng)驗(yàn)布局和樣式控制

Web上使用非常豐富的CSS樣式控制來對(duì)UI控件進(jìn)行渲染，React Native借鑒了Web樣式控制的方式，把大部分常用的Web樣式帶到了原生應(yīng)用開發(fā)中，開發(fā)人員可以使用已經(jīng)很熟悉的CSS樣式對(duì)原生控件的樣式屬性進(jìn)行控制。同時(shí)為了提供更加便利的布局能力，也把Web標(biāo)準(zhǔn)中的Flexbox布局模型引入到原生開發(fā)中，這對(duì)于開發(fā)者來說在效率上是非常大的提升。在樣式方面，React Native選擇使用inline styling的設(shè)計(jì)，使用JavaScript的接口來對(duì)控件的布局和樣式進(jìn)行控制，更加有效提高這些方面的開發(fā)效率。

異步執(zhí)行

React Native依然應(yīng)用React中虛擬DOM的技術(shù)來提升渲染性能，為了做到這一點(diǎn)，所有JavaScript代碼的運(yùn)行和原生平臺(tái)被分離開采用不能的線程異步執(zhí)行，這樣能夠充分利用原生系統(tǒng)的執(zhí)行能力，同時(shí)不會(huì)對(duì)主UI線程帶來任何額外的消耗。所有UI上的響應(yīng)式變化都會(huì)分解為最小的變化差異，然后批量的發(fā)送給負(fù)責(zé)渲染的主UI線程集中渲染，有效保障前端組件的響應(yīng)效率。這種結(jié)構(gòu)的設(shè)計(jì)還帶來一個(gè)好處，就是在開發(fā)過程中，不再需要構(gòu)建－等待－刷新驗(yàn)證的過程，只需要保存代碼后直接在原生的View上使用快捷鍵進(jìn)行刷新即可，大大提升開發(fā)效率。React Native在設(shè)計(jì)中充分保證了使用原生代碼的擴(kuò)展性，使用JavaScript開發(fā)應(yīng)用UI端時(shí)可以很容易的調(diào)用原生代碼來制作自定義的View或者模塊，從而可以完全重用之前構(gòu)建過的原生模塊或者使用第三方的代碼庫。

關(guān)于React Native如何用JS開發(fā)原生IOS APP就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。