本篇文章和大家了解一下react native是不是原生app。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。
創(chuàng)新互聯(lián)建站專注于浮山網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供浮山營銷型網(wǎng)站建設(shè),浮山網(wǎng)站制作、浮山網(wǎng)頁設(shè)計、浮山網(wǎng)站官網(wǎng)定制、小程序設(shè)計服務(wù),打造浮山網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供浮山網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
“react native”不是原生app,“react native”編寫的程序經(jīng)過安卓studio編譯后才是一個原生app;原生app的開發(fā)模式是用react的jsx語法來寫的,而“react native”是跨平臺移動應(yīng)用開發(fā)框架,是Facebook早先開源的JS框架React在原生移動應(yīng)用平臺的衍生產(chǎn)物,支持iOS和安卓兩大平臺。
本教程操作環(huán)境:Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。
react native 編寫的程序經(jīng)過安卓studio編譯后就是一個原生app,其開發(fā)模式是用react的jsx語法來寫的,特別像寫前端一樣,寫頁面結(jié)構(gòu)/寫js/寫一種類似css語法的但不是css,這些可以渲染到寫的頁面組件里。
React Native (簡稱RN)是Facebook于2015年4月開源的跨平臺移動應(yīng)用開發(fā)框架,是Facebook早先開源的JS框架 React 在原生移動應(yīng)用平臺的衍生產(chǎn)物,支持iOS和安卓兩大平臺。RN使用Javascript語言,類似于HTML的JSX,以及CSS來開發(fā)移動應(yīng)用,因此熟悉Web前端開發(fā)的技術(shù)人員只需很少的學(xué)習(xí)就可以進入移動應(yīng)用開發(fā)領(lǐng)域。
擴展知識:
JSX就是Javascript和XML結(jié)合的一種格式。React發(fā)明了JSX,利用HTML語法來創(chuàng)建虛擬DOM。當(dāng)遇到 <,JSX就當(dāng)HTML解析,遇到 { 就當(dāng)JavaScript解析。
react native 編寫的程序經(jīng)過安卓studio編譯后就是一個原生app ,其開發(fā)模式是用react的jsx語法來寫的,特別像寫前端一樣,寫頁面結(jié)構(gòu)/寫js/寫一種類似css語法的但不是css,這些可以渲染到寫的頁面組件里。
react native 玩的也是組件,在node和npm環(huán)境下,可以創(chuàng)建一個react native項目,其依賴也是來源于node_modules ,packge.json 也是一個插件安裝的列表。react native是一個原生程序,不需要使用到web pack。但是少不了jdk 和andoird環(huán)境的配置和相關(guān)資源下載/相關(guān)集成工具的使用。
react native 的基本結(jié)構(gòu)和語法
index.js
app.js
//一般在app.js里寫的都是頂層路由,在這里可以做一個路由頂層設(shè)計,這個app.js是在index.html里面設(shè)置的。所以開始就會渲染這個組件 ,其后就是各個子組件的引入和使用,每個組件都是先引入react的資源,或者引入自己寫的組件,每個組件都是通過一個默認(rèn)導(dǎo)出類作為加載的頁面,這個類有構(gòu)造函數(shù),有成員函數(shù),有渲染函數(shù)。還有一個react native 資源里面的 StyleSheet對象這個對象專門寫組件樣式的。
構(gòu)造函數(shù)里面有state這個state叫做狀態(tài),用來操作組件狀態(tài)的。在這里state里面設(shè)置狀態(tài)屬性,通過狀態(tài)屬性可以做很多靈活的操作。成員函數(shù)可以操作這些在構(gòu)造函數(shù)里面設(shè)置的狀態(tài)屬性。渲染函數(shù)就是render ,這個函數(shù)里面可以引用引入的資源的組件,而寫一個更大的組件。一個大概的react native 組件就是這樣來完成業(yè)務(wù)的。代碼可以根據(jù)自己的需求和官方文檔的語法去寫。
以上就是react native是不是原生app的簡略介紹,當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦!