為您找到相關(guān)結(jié)果146,514個(gè)
React Native性能優(yōu)化紅寶書方案詳解_React_腳本之家
React Native 是Facebook在React.js Conf2015 推出的開源框架,使用React和應(yīng)用平臺(tái)的原生功能來(lái)構(gòu)建 Android 和 iOS 應(yīng)用。通過(guò) React Native,可以使用 JavaScript 來(lái)訪問(wèn)移動(dòng)平臺(tái)的 API,使用 React 組件來(lái)描述 UI 的外觀和行為。 JS實(shí)現(xiàn)調(diào)用的能力中間的適配層提供了一些橋接方案 1、RN優(yōu)勢(shì) 1.1 HTML/CSS/JS開發(fā)成...
www.dbjr.com.cn/javascript/323041g...htm 2025-6-4
React-Native 環(huán)境搭建和基本介紹_React_腳本之家
React Naitve的簡(jiǎn)介:Facebook在React.js Conf2015大會(huì)上推出的一個(gè)用于開發(fā)Android和iOS App的一個(gè)框架,主要編程語(yǔ)言是JavaScript。它的出現(xiàn)使用即擁有Native的用戶體驗(yàn),又保留React的開發(fā)效率。 在React Native 出現(xiàn)前,我們通常會(huì)選擇這三種移動(dòng)技術(shù)(Native App、HTML5、Hybrid)之一進(jìn)行開發(fā)。 Native App:開發(fā)原生應(yīng)用自...
www.dbjr.com.cn/article/2103...htm 2025-5-17
搭建React Native熱更新平臺(tái)的詳細(xì)過(guò)程_React_腳本之家
首先,通過(guò) react-native bundle 命令把 JavaScript 代碼打包成一個(gè) Bundle文件,命令如下: 1 npx react-native bundle --entry-fileindex.tsx --devfalse--minifyfalse--bundle-output ./build/index.bundle --assets-dest ./build 通過(guò)上述命令打包出來(lái)的是 index.bundle 文件,本質(zhì)是一個(gè)可執(zhí)行的 JavaScript 文件...
www.dbjr.com.cn/article/2492...htm 2025-6-2
ReactNative點(diǎn)擊事件.bind(this)操作分析_React_腳本之家
在React或React-native的點(diǎn)擊事件中,會(huì)經(jīng)常用到bind(this)。比如說(shuō)一個(gè)簡(jiǎn)單的React-native點(diǎn)擊組件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 exportdefaultclass AwesomeProject extends Component { constructor(props){ super(props); ...
www.dbjr.com.cn/javascript/3061472...htm 2025-5-13
詳解React Native 屏幕適配(炒雞簡(jiǎn)單的方法)_React_腳本之家
import { Dimensions } from'react-native'; // 設(shè)備寬度,單位 dp const deviceWidthDp = Dimensions.get('window').width; // 設(shè)計(jì)稿寬度(這里為640px),單位 px const uiWidthPx = 640; // px 轉(zhuǎn) dp(設(shè)計(jì)稿中的 px 轉(zhuǎn) rn 中的 dp) export const pTd = (uiElePx) => { ...
www.dbjr.com.cn/article/1418...htm 2025-5-25
react native reanimated實(shí)現(xiàn)動(dòng)畫示例詳解_React_腳本之家
聽到這里,一個(gè)技術(shù)人的自尊心仿佛被踩在了地上,我當(dāng)即表示想用 react-native-reanimated(下文簡(jiǎn)稱 Reanimated) 試一試。?? 動(dòng)畫拆分 首先,從最外層來(lái)看,動(dòng)畫有一個(gè)抖動(dòng)效果:先向左,再向右?？梢岳?rotate 旋轉(zhuǎn)屬性來(lái)實(shí)現(xiàn)。 其次,中間的文字部分有一個(gè)縮放動(dòng)畫,可以通過(guò) scale 實(shí)現(xiàn)。 最后,當(dāng)文字最小化時(shí),會(huì)...
www.dbjr.com.cn/article/2772...htm 2025-6-4
Shopee在React Native 架構(gòu)方面的探索及發(fā)展歷程_React_腳本之家
去中心化 React Native 架構(gòu)模式與網(wǎng)頁(yè)的“微前端”或者客戶端的“微應(yīng)用”的概念類似,滿足了多業(yè)務(wù)團(tuán)隊(duì)獨(dú)立開發(fā)部署,能夠在同一個(gè) App 各模塊獨(dú)立運(yùn)行。它涵蓋了開發(fā)、構(gòu)建、發(fā)布、運(yùn)行等多個(gè)方面。該模型解決了上面所說(shuō)的四個(gè)弊端,并針對(duì)整個(gè)研發(fā)體系有了全面的升級(jí),優(yōu)點(diǎn)有:RN 運(yùn)行時(shí)的互不干擾,開發(fā)調(diào)試的高效...
www.dbjr.com.cn/article/2557...htm 2025-5-26