“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不是原生app

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的資源，或者引入自己寫的組件，每個組件都是通過一個默認導(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ù)自己的需求和官方文檔的語法去寫。

【