亚洲乱色熟女一区二区三区麻豆,永久黄网站色视频免费,亚洲欧美日韩一区二区,亚洲综合色噜噜狠狠网站超清,中文字幕乱码一区二区三区免费

首頁 > win軟件 > 編程開發(fā) > 編程軟件 > React Native
React Native

React Native

最新版v0.63.4
大小

9.89MB

語言

簡體

系統(tǒng)

WinAll

類別

編程軟件

下載

722次

更新

2025-03-14

要不點(diǎn)點(diǎn)贊？

40

軟件介紹

React Native是款能夠設(shè)計(jì)手機(jī)上軟件的方法。React Native官方版提供多種開發(fā)組件，在設(shè)計(jì)應(yīng)用程序的時(shí)候快速部署UI界面，可以添加文本，添加圖像，添加其他響應(yīng)內(nèi)容，添加應(yīng)用程序元素，為用戶編輯UI界面提供幫助。React Native著力于提高多平臺開發(fā)的開發(fā)效率——僅需學(xué)習(xí)一次，編寫任何平臺。

軟件特色

原生的iOS組件

React Native主張“Learn once,write everywhere”而非其他跨平臺工具一直宣揚(yáng)的“Write once,run everywhere”。通過React Native，開發(fā)者可以使用UITabBar、UINavigationController等標(biāo)準(zhǔn)的iOS平臺組件，讓應(yīng)用界面在其他平臺上亦能保持始終如一的外觀、風(fēng)格。

異步執(zhí)行

JavaScript應(yīng)用代碼和原生平臺之間所有的操作都采用異步執(zhí)行模式，原生模塊使用額外線程，開發(fā)者可以解碼主線程圖像、后臺保存至磁盤、無須顧忌UI等諸多因素直接度量文本設(shè)計(jì)布局。

觸摸處理

React Native引入了一個(gè)類似于iOS上Responder Chain響應(yīng)鏈?zhǔn)录幚頇C(jī)制的響應(yīng)體系，并基于此為開發(fā)者提供了諸如TouchableHighlight等更高級的組件。


軟件功能

使用React為Android和iOS創(chuàng)建本機(jī)應(yīng)用

React Native將本機(jī)開發(fā)的最佳部分與React（用于構(gòu)建用戶界面的一流JavaScript庫）結(jié)合在一起。

少用或多用：您可以立即在現(xiàn)有的Android和iOS項(xiàng)目中使用React Native，也可以從頭開始創(chuàng)建一個(gè)全新的應(yīng)用程序。

用JavaScript編寫-使用本機(jī)代碼呈現(xiàn)

React原語渲染到本機(jī)平臺UI，這意味著您的應(yīng)用程序使用與其他應(yīng)用程序相同的本機(jī)平臺API。

許多平臺，一個(gè)React。創(chuàng)建特定于平臺的組件版本，以便單個(gè)代碼庫可以跨平臺共享代碼。使用React Native，一個(gè)團(tuán)隊(duì)可以維護(hù)兩個(gè)平臺并共享一種通用技術(shù)-React。

面向所有人的原生開發(fā)

React Native可讓您創(chuàng)建真正的本機(jī)應(yīng)用程序，并且不會(huì)影響用戶的體驗(yàn)。它提供了一套核心的像與平臺無關(guān)本地組件的View，Text和Image直接映射到該平臺的原生UI添磚加瓦。

無縫跨平臺

React組件封裝了現(xiàn)有的本機(jī)代碼，并通過React的聲明性UI范例和JavaScript與本機(jī)API進(jìn)行交互。這樣可以為全新的開發(fā)人員團(tuán)隊(duì)進(jìn)行本機(jī)應(yīng)用程序開發(fā)，并且可以讓現(xiàn)有的本機(jī)團(tuán)隊(duì)更快地工作。

快速刷新

保存后立即查看所做的更改。借助JavaScript的強(qiáng)大功能，React Native可讓您以閃電般的速度進(jìn)行迭代。無需等待本地構(gòu)建完成。保存，查看，重復(fù)。

安裝步驟

1.首先是安裝Chocolatey，cmd執(zhí)行

powershell-NoProfile-ExecutionPolicy Bypass-Command"iexnew-object net.webclient.DownloadString

'https://chocolatey.org/install.ps1'"&&SET PATH=%PATH%;%ALLUSERSPROFILE%chocolateybin

注意要以管理員身份打開cmd，不過十有八九因網(wǎng)絡(luò)問題安裝失敗，博主開vpn也只是偶爾成功，附一張安裝成功截圖。

其實(shí)node和python安裝十分方便，不用Chocolatey也是秒裝的

node安裝：https://nodejs.org/en/download/node如果win最好裝7以下的

python安裝：https://www.python.org/getit/python裝2.7就好了

2.然后就是設(shè)淘寶鏡像了：

npm config set registry https://registry.npm.taobao.org--global

npm config set disturl https://npm.taobao.org/dist--global

Yarn是Facebook提供的替代npm的工具，可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項(xiàng)目、運(yùn)行打包服務(wù)（packager）等任務(wù)。

npm install-g yarn react-native-cli

安裝完yarn后同理也要設(shè)置鏡像源：

yarn config set registry https://registry.npm.taobao.org--global

yarn config set disturl https://npm.taobao.org/dist--global

3.然后重啟cmd執(zhí)行npm install-g react-native-cli，安裝RN

react native

4.最后創(chuàng)建react native項(xiàng)目

react-native init+項(xiàng)目名

使用方法

      1、安裝node。

      安裝成功后，配置環(huán)境變量 在path中添加：

      在命令窗口測試node 是否配置成功：

      node -v

      輸出node版本即為成功

      2、通過命令：$npm install -g react-native-cli

      注：如果遇到Cannot find module 'npmlog', 可以嘗試命令：$curl -0 -L https://npmjs.org/install.sh | sudo sh

      確保react-native安裝成功，可以用檢查版本的命令來檢查react-native命令： $react-native -v

      3、安裝Git

      安裝成功后配置環(huán)境變量

      類似于第一步：path中添加 D:react_nativegitGitcmd

      4、通過命令窗口切換到想要?jiǎng)?chuàng)建項(xiàng)目的根目錄下，然后運(yùn)行 react-native init MyProject(項(xiàng)目名稱)

      最后會(huì)顯示：

      To run your app on iOS: cd D:UsersXXXMyTest react-native run-ios - or - Open iosMyTest.xcodeproj in Xcode Hit the Run buttonTo run your app on Android: cd D:UsersXXXMyTest Have an Android emulator running (quickest way to get started), or a device connected react-native run-android

      5、切換到自己項(xiàng)目下：cd MyProject

      運(yùn)行 npm install (安裝node_modules)

      6、安裝node_modules成功后，運(yùn)行react-native run-android 即可。

      7、在瀏覽器中輸入http://localhost:8081/index.android.bundle?platform=android 會(huì)顯示一長串的json代碼。

      8、可能遇到的問題：

      如果android系統(tǒng)是5.0以下

      1.Could not get BatchedBridge, make sure your bundle is package correctly.

      Dev Settings->Debug server host & port for device 修改IP為 充當(dāng)服務(wù)器的PC的ip地址：8081(!!!)。

優(yōu)缺點(diǎn)

優(yōu)點(diǎn)

復(fù)用了React的思想，有利于前端開發(fā)者涉足移動(dòng)端。

能夠利用JavaScript動(dòng)態(tài)更新的特性，快速迭代。

相比于原生平臺，開發(fā)速度更快，相比于Hybrid框架，性能更好。

缺點(diǎn)

做不到Write once,Run everywhere，也就是說開發(fā)者依然需要為iOS和Android平臺提供兩套不同的代碼，比如參考官方文檔可以發(fā)現(xiàn)不少組件和API都區(qū)分了Android和iOS版本。即使是共用組件，也會(huì)有平臺獨(dú)享的函數(shù)。

不能做到完全屏蔽iOS端或Android的細(xì)節(jié)，前端開發(fā)者必須對原生平臺有所了解。加重了學(xué)習(xí)成本。對于移動(dòng)端開發(fā)者來說，完全不具備用React Native開發(fā)的能力。

由于Objective-C與JavaScript之間切換存在固定的時(shí)間開銷，所以性能必定不及原生。比如目前的官方版本無法做到UItableview

ListView

的視圖重用，因?yàn)榛瑒?dòng)過程中，視圖重用需要在異步線程中執(zhí)行，速度太慢。這也就導(dǎo)致隨著Cell數(shù)量的增加，占用的內(nèi)存也線性增加。

小編寄語

React Native是利用腳本語言進(jìn)行原生平臺開發(fā)的一次成功嘗試，降低了前端開發(fā)者入門移動(dòng)端的門檻，使你能夠在Javascript和React的基礎(chǔ)上獲得完全一致的開發(fā)體驗(yàn)，構(gòu)建世界一流的原生APP。React Native官方版著力于提高多平臺開發(fā)的開發(fā)效率——僅需學(xué)習(xí)一次，編寫任何平臺。

軟件介紹 軟件特色 軟件功能 安裝步驟 使用方法 小編寄語