tag react-native

標籤
貢獻29
90
06:41 AM · Oct 27 ,2025
shaogongbra 頭像 chengxuyuanlaoliu2024 頭像 nulidexiaocongmang 頭像 codesteppe 頭像 zhoumo_62382eba4b454 頭像 ailvyoudetiebanshao 頭像 anwangyunhai 頭像 zhangyidemalingshu 頭像 dynamic_cell 頭像 wangzc996 頭像 grapecity 頭像 aixiaodekaomianbao_ddkwvd 頭像

@react-native / 博客 RSS 訂閱

wangzc996 頭像

霧島聽風 - 移動跨平台開發框架解析與選型

簡介 在當前移動端跨平台框架漫天飛的情況下，很多開發者不知道該選擇哪種框架來進行開發，哪種框架適合後期維護、穩定性等問題。本文會帶大家瞭解目前市場上比較流行的一些框架的對比 移動跨平台開發介紹 傳統移動端開發 現階段，當前市面上的手機無非蘋果和安卓，兩大操作系統可以説各分天下，傳統的app的開發就是指原生開發，需要ios工程師和安卓工程師各自進行，ios開發一份，安卓開發一份，安卓使用的是JAVA

react-native , uniapp , wex5 , flutter , cordova

收藏 評論

code4world 頭像

碼上世界 - 麒麟操作系統 (kylinos-x64) 從入門到精通 - 辦公環境 - 第11篇 Web前端開發及環境準備

0. 基礎環境 類別：筆記本 硬件：Intel,Amd等x86_64處理器 系統：銀河麒麟操作系統 V10（SP1）2303-update2 關鍵詞： 信創,麒麟系統,linux,PKS,銀河麒麟,amd64,x86_64,x64,兆芯,海思,nodejs,nvm,vue,react 1.背景描述 現在的前端是前後端分離的，本文以node,npm等技術為特點，為研發

react , vue.js , react-native , 信創 , nvm

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - react native項目中使用iconfont

前言 react native項目中經常會用到icon，react-native-vector-icons字體庫解決了一部分icon的需求，但是還有一部分設計師給的icon需要在iconfont自行引用，關於使用react-native-vector-icons遇到的坑在之前的文章提到過react native新建項目踩坑記錄（字體問題詳見問題五），主要是兩點： 不要link react-na

iconfont , react-native

收藏 評論

shaogongbra 頭像

ShaoGongBra - 通過duxapp提供的基礎方法、UI組件、全局樣式，快速編寫項目

使用duxapp，我是如何實現快速完成項目開發的？ 像下面這個例子，這個項目有140多個頁面，但是真實的開發時間，在熟練使用duxapp的情況下，不會超過兩週，並且可以將它兼容APP、小程序、H5 這裏僅展示了其中一部分頁面，這個項目主要包含下這些功能 購物訂單流程 售後退換 文章發佈 門店功能 送貨人員功能 經銷商功能 掃碼抽獎 等其他功能 下面我將詳

react , react-native , 小程序 , taro

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - React Native mac環境下解決iOS 9以上系統對HTTP請求的限制

問題 新搭建的一個項目，在使用fetch進行網絡請求的時候遇到一個報錯： TypeError: Network request failed. 嘗試直接在瀏覽器打開url訪問可以正常拿到返回值。（url是http協議） 原因 這個API請求是http的協議請求，在iOS9以上系統，已經把http協議的請求限制了。 iOS9引入了新特性App Transport Security

react-native , ios9

收藏 評論

codesteppe 頭像

CodeSteppe - 使用Leancloud實現React Native App的消息推送（Push Notification）- Android篇

前言 在上一篇文章 中我們詳細講解了用Leancloud實現iOS消息推送的流程，今天本文將繼續講解實現Android的消息推送。 接入Leancloud 在接入Leancloud之前，還是推薦先閲讀Leancloud官方的 Android消息推送開發指南。 安裝Leancloud SDK SDK有多種安裝方式，詳情請參考Android SDK安裝指南。我選擇用Gradle安裝，先在根目錄下的bu

push-notification , react-native , Android , leancloud

收藏 評論

chengxuyuanlaoliu2024 頭像

程序員老劉 - 跨平台開發地圖：客户端技術選型指南 | 2025年11月 |（Valdi 加入戰場）

哈嘍，我是老劉 2024年全球移動應用下載量突破2570億次，但開發者面對的現實是：平台越來越多、成本翻倍、體驗難統一。iOS/Android/鴻蒙/桌面端/Web/小程序，各有一套開發與設計規範，原生很難在多設備上做到一致。 跨平台是機會，卻更是選擇題：Flutter講性能、React Native講生態、uni-app講覆蓋、KMP講原生。 如何做好這道選擇題，把有限的資源發揮出最大的效率？

react-native , 客户端 , flutter , kmp , 跨平台開發

收藏 評論

zhoumo_62382eba4b454 頭像

perkz - React Native封裝tencentx5 Sdk的Webview

參考資料： react-native-webview-tencentx5 手把手教你一步步集成騰訊 X5 內核（Tencent TBS X5） 接入文檔 開發文檔 之前基於react-native-webview封裝的Canvas在比較老的android手機上沒法導出圖片canvas.toDataURL失效了，就想用react-native-webview-tencentx

react-native , webview , Android , JAVA , typescript

收藏 評論

anwangyunhai 頭像

BrightChen - Jest React Native Mock AppState TypeError

問題記錄 背景：通過 Jest 和 React Testing Library 對 React Native 做自動化測試 問題： 代碼中出現 AppState 的使用 import { AppState } from 'react-native'; AppState.removeEventListener('change', handleAppStateChange); 報錯：Type

react-native , react-testing-library , jest

收藏 評論

aixiaodekaomianbao_ddkwvd 頭像

clklog - ClkLog埋點分析系統-Unity3D埋點上報攻略

前言 在Clklog完成 React Native 和 uni-app 集成 Demo 後，一個遊戲行業新客户提出了使用 Unity3D 開發的集成問題。對此，我們與客户分別進行了測試。 客户使用神策Andriod原生SDK在Android 端暴露接口給 Unity3D的方式，驗證了使用ClkLog進行數據採集的可行性。 同時，ClkLog 聯合合作伙伴對神策 Unity3D SDK（

react-native , sdk , 開源軟件 , uni-app , unity3d

收藏 評論

wbccb 頭像

白邊 - 【uni-app&微信小程序&React Native】跨端原理初探

文章內容 以官方文檔為基礎，對uni-app的基礎框架（邏輯層、渲染層）、組件、API進行簡單地分析 以官方文檔為基礎，對微信小程序框架（邏輯層、視圖層）、運行時進行簡單地分析 以官方文檔為基礎，對React Native舊架構和新架構進行簡單地分析 1. uni-app編譯 在web平台，將.vue文件編譯為js代碼。與普通的vue cli項目類似 在微信小程序平台，編譯器將.v

微信小程序 , react-native , uni-app , 原理 , 多端開發

收藏 評論

invalidnull 頭像

註銷 - 在SAP除了使用Cordova生產移動應用外，還有這種方式

本文和Jerry過去的文章不太一樣，算不上Jerry的知識分享，只是記錄一下Jerry用React-Native把應用安裝到Android手機上遇到的一些問題，方便以後查看。 Jerry的同事Leo用React-Native開發了一個應用，現在Jerry需要把這個應用在自己的安卓手機上運行起來。 客户啓動這個應用後，自動召喚出手機上的攝像頭，對身邊的物品進行拍照，然後把照片上傳到SAP Clou

react-native , mobile , mobile-web-design , cordova , cordova-android

收藏 評論

codesteppe 頭像

CodeSteppe - 使用Leancloud實現React Native App的消息推送（Push Notification）- iOS篇

前言 React Native現在是越來越火，一套代碼同時構建iOS、Android兩種應用真的是太爽了，而且有了ES6和React的加成開發效率出奇的高。 雖然坑奇多無比但是還是阻擋不了市場對它的熱愛。但是使用React Native也並非總是那麼舒服，尤其涉及到需要用objective-c或者java實現某些原生功能的時候，讓廣大前端出生沒有原生App開發經驗的同學們苦不堪言，但是沒有辦法，硬

push-notification , react-native , leancloud , ios

收藏 評論

shaogongbra 頭像

ShaoGongBra - 如何在 duxapp 中開發一個兼容 RN 的動畫庫

Taro 一直以來都沒有一個能兼容 RN 的動畫方案，duxapp 中擴展了 createAnimation 方法，讓這個方法兼容了 RN 端，下面讓我們來看看實現思路 createAnimation方法 這個方法是用來創建一個動畫實例的，使用方法像下面這樣，每次 step 創建一組動畫，每組動畫同時執行，執行完一組繼續執行下一組，直到所有的動畫執行完 const an = createAnima

react-native , taro

收藏 評論

shaogongbra 頭像

ShaoGongBra - 使用duxapp開發 React Native App 事半功倍

Taro的React Native端開發提供了兩種開發方式，一種是將殼和代碼分離，一種是將殼和代碼合併在一起開發 殼是用來打包調試版或者發版安裝包使用的 代碼是運行在殼上的js代碼 Taro殼子的代碼倉庫https://github.com/NervJS/taro-native-shell duxapp中更進一步，你不需要太關注殼子什麼的，你只需要安裝好安卓和ios的編譯環境，用一個命令

react , react-native , app , taro , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxui：基於Taro，兼容React Native、小程序、H5的多端UI庫

duxui是duxapp官方開發的一款兼容多端的UI組件庫，兼容小程序、H5、React Native，庫中提供了60+的組件，覆蓋大部分使用場景 它能幫助你通過統一的組件樣式，快速完成多端應用的開發，包括React Native端的APP開發 duxui已經被我用於很多項目中，其中包含APP的項目就開發了幾十個了，你可以通過這個鏈接去查看或者體驗這些APP，https://app.share.d

react-native , 小程序 , Android , taro , ios

收藏 評論

windseek 頭像

楊龍飛 - RN中webview的一些思考

遇到的坑：webview和h5通信時，會有一些延遲導致不能立即生效 具體描述：在使用react-native時，需要加載外部網頁，加載後，RN提供一個按鈕可以關閉網頁，但如果打開的是內部網頁就需要隱藏這個按鈕，h5代碼使用react寫的，在componentDidMount時，發送postmessage給客户端（RN），此時發現收不到，查閲react-native官方文檔後得已解決。

react , react-native , postmessage , html5 , Javascript

收藏 評論

xiangzhihong 頭像

xiangzhihong - 國內大廠都在使用哪些移動跨平台框架

自從移動應用開發興起以來，不少公司和開發者就在不斷的探索移動跨平台開發技術，以適應移動應用高速迭代的需求 。縱觀當前的移動跨平台方案，總結一下無外乎三大類：一種是使用原生內置的瀏覽器加載HTML5的Hybrid技術，採用此方案的主要有Cordova、Ionic和微信小程序；另一種是使用JavaScript開發，然後使用原生組件進行渲染，採用此方案的主要有React Native、Weex和快應用；

weex , react-native , flutter

收藏 評論