“react native”不是原生app，“react native”編寫的程序經(jīng)過(guò)安卓studio編譯后才是一個(gè)原生app；原生app的開(kāi)發(fā)模式是用react的jsx語(yǔ)法來(lái)寫的，而“react native”是跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，是Facebook早先開(kāi)源的JS框架React在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物，支持iOS和安卓?jī)纱笃脚_(tái)。

本教程操作環(huán)境：Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。

react native不是原生app

react native 編寫的程序經(jīng)過(guò)安卓studio編譯后就是一個(gè)原生app ，其開(kāi)發(fā)模式是用react的jsx語(yǔ)法來(lái)寫的，特別像寫前端一樣，寫頁(yè)面結(jié)構(gòu)/寫js/寫一種類似css語(yǔ)法的但不是css，這些可以渲染到寫的頁(yè)面組件里。

React Native (簡(jiǎn)稱RN)是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，是Facebook早先開(kāi)源的JS框架 React 在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物，支持iOS和安卓?jī)纱笃脚_(tái)。RN使用Javascript語(yǔ)言，類似于HTML的JSX，以及CSS來(lái)開(kāi)發(fā)移動(dòng)應(yīng)用，因此熟悉Web前端開(kāi)發(fā)的技術(shù)人員只需很少的學(xué)習(xí)就可以進(jìn)入移動(dòng)應(yīng)用開(kāi)發(fā)領(lǐng)域。

擴(kuò)展知識(shí)：

JSX就是Javascript和XML結(jié)合的一種格式。React發(fā)明了JSX，利用HTML語(yǔ)法來(lái)創(chuàng)建虛擬DOM。當(dāng)遇到 <，JSX就當(dāng)HTML解析，遇到 { 就當(dāng)JavaScript解析。

react native 編寫的程序經(jīng)過(guò)安卓studio編譯后就是一個(gè)原生app ，其開(kāi)發(fā)模式是用react的jsx語(yǔ)法來(lái)寫的，特別像寫前端一樣，寫頁(yè)面結(jié)構(gòu)/寫js/寫一種類似css語(yǔ)法的但不是css，這些可以渲染到寫的頁(yè)面組件里。

react native 玩的也是組件，在node和npm環(huán)境下，可以創(chuàng)建一個(gè)react native項(xiàng)目，其依賴也是來(lái)源于node_modules ,packge.json 也是一個(gè)插件安裝的列表。react native是一個(gè)原生程序，不需要使用到web pack。但是少不了jdk 和andoird環(huán)境的配置和相關(guān)資源下載/相關(guān)集成工具的使用。

react native 的基本結(jié)構(gòu)和語(yǔ)法

index.js

app.js

//一般在app.js里寫的都是頂層路由，在這里可以做一個(gè)路由頂層設(shè)計(jì)，這個(gè)app.js是在index.html里面設(shè)置的。所以開(kāi)始就會(huì)渲染這個(gè)組件 ，其后就是各個(gè)子組件的引入和使用，每個(gè)組件都是先引入react的資源，或者引入自己寫的組件，每個(gè)組件都是通過(guò)一個(gè)默認(rèn)導(dǎo)出類作為加載的頁(yè)面，這個(gè)類有構(gòu)造函數(shù)，有成員函數(shù)，有渲染函數(shù)。還有一個(gè)react native 資源里面的 StyleSheet對(duì)象這個(gè)對(duì)象專門寫組件樣式的。

構(gòu)造函數(shù)里面有state這個(gè)state叫做狀態(tài)，用來(lái)操作組件狀態(tài)的。在這里state里面設(shè)置狀態(tài)屬性，通過(guò)狀態(tài)屬性可以做很多靈活的操作。成員函數(shù)可以操作這些在構(gòu)造函數(shù)里面設(shè)置的狀態(tài)屬性。渲染函數(shù)就是render ，這個(gè)函數(shù)里面可以引用引入的資源的組件，而寫一個(gè)更大的組件。一個(gè)大概的react native 組件就是這樣來(lái)完成業(yè)務(wù)的。代碼可以根據(jù)自己的需求和官方文檔的語(yǔ)法去寫。

【