建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家介紹React Native如何用JS開發(fā)原生IOS APP，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
專注于為中小企業(yè)提供成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)宜城免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
React Native問世
2013年Facebook開源了在內(nèi)部大量使用的前端UI JavaScript庫——ReactJS，在兩年來，ReactJS給前端領(lǐng)域帶來了巨大的影響，越來越多的公司開始使用ReactJS構(gòu)建前端應用。ReactJS提供一個模型簡單、聲明式的、可組合的前端組件開發(fā)庫，開發(fā)人員使用ReactJS將前端分割為獨立的松耦合高內(nèi)聚UI組件Componnet，同時使用虛擬DOM等技術(shù)將瀏覽器的DOM API封裝成聲明式高性能的API調(diào)用，提升整體系統(tǒng)的抽象層次，大大簡化編程模型，提升可擴展性和開發(fā)效率。2015年在Facebook的F8大會上，F(xiàn)acebook宣布開源使用React/JavaScript現(xiàn)代瀏覽器技術(shù)來構(gòu)建原生應用的React Native。React Native一經(jīng)宣布就給整個前端開發(fā)領(lǐng)域帶來了巨大的轟動。
封裝原生控件
React Native封裝了大部分的標準移動平臺組件（目前只放出了對于iOS系統(tǒng)的支持，Android系統(tǒng)的支持年底會放出），包括類似TabBar、Navigation Controller之類的組件，這些組件完全使用原生系統(tǒng)實現(xiàn)，能夠提供平臺上一致的觀感和使用體驗。在iOS和Android的移動平臺上有非常豐富的觸控手勢支持，React Native也充分封裝這些內(nèi)容，提供原生的觸控操作體驗。
借鑒WEB經(jīng)驗布局和樣式控制
Web上使用非常豐富的CSS樣式控制來對UI控件進行渲染，React Native借鑒了Web樣式控制的方式，把大部分常用的Web樣式帶到了原生應用開發(fā)中，開發(fā)人員可以使用已經(jīng)很熟悉的CSS樣式對原生控件的樣式屬性進行控制。同時為了提供更加便利的布局能力，也把Web標準中的Flexbox布局模型引入到原生開發(fā)中，這對于開發(fā)者來說在效率上是非常大的提升。在樣式方面，React Native選擇使用inline styling的設計，使用JavaScript的接口來對控件的布局和樣式進行控制，更加有效提高這些方面的開發(fā)效率。
異步執(zhí)行
React Native依然應用React中虛擬DOM的技術(shù)來提升渲染性能，為了做到這一點，所有JavaScript代碼的運行和原生平臺被分離開采用不能的線程異步執(zhí)行，這樣能夠充分利用原生系統(tǒng)的執(zhí)行能力，同時不會對主UI線程帶來任何額外的消耗。所有UI上的響應式變化都會分解為最小的變化差異，然后批量的發(fā)送給負責渲染的主UI線程集中渲染，有效保障前端組件的響應效率。這種結(jié)構(gòu)的設計還帶來一個好處，就是在開發(fā)過程中，不再需要構(gòu)建－等待－刷新驗證的過程，只需要保存代碼后直接在原生的View上使用快捷鍵進行刷新即可，大大提升開發(fā)效率。React Native在設計中充分保證了使用原生代碼的擴展性，使用JavaScript開發(fā)應用UI端時可以很容易的調(diào)用原生代碼來制作自定義的View或者模塊，從而可以完全重用之前構(gòu)建過的原生模塊或者使用第三方的代碼庫。
關(guān)于React Native如何用JS開發(fā)原生IOS APP就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
名稱欄目：ReactNative如何用JS開發(fā)原生IOSAPP
分享鏈接：http://fisionsoft.com.cn/article/googcg.html
