tag react-native

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

@react-native / 博客 RSS 訂閱

shenchendebanma 頭像

miadk - 前端方面移動端適配方法，減少兼容性問題

使用viewport配置，確保完美視口。 meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" 關鍵屬性解析： width=device-width：將視口寬度設置為設備寬度 init

react-native , css3 , 小程序 , ios , Javascript

收藏 評論

fantasticlbp 頭像

杭城小劉 - 打造一套客户端功能最全的 APM 監控系統

APM 是 Application Performance Monitoring 的縮寫，監視和管理軟件應用程序的性能和可用性。應用性能管理對一個應用的持續穩定運行至關重要。所以這篇文章就從一個 iOS App 的性能管理的緯度談談如何精確監控以及數據如何上報等技術點 App 的性能問題是影響用户體驗的重要因素之一。性能問題主要包含：Crash、網絡請求錯誤或者超時、UI 響應速度慢、主線程卡頓、

性能監控 , react-native , apm , 前端優化 , ios

收藏 評論

wxp686 頭像

wxp686 - 性能優化進階：讓你的移動端網頁1s呈現

前言 現在的消費者越來越依賴移動設備來訪問內容和服務，這比以往任何時候都要求更高。當他們權衡您網站上的體驗時，他們不僅將您與您的競爭對手進行比較，還會在使用完後對您的應用進行評級。 但是很多網站給用户帶來的體驗並不太好，以致造成潛在客户流失，所以，性能是留住用户的關鍵。 Pinterest 將感知等待時間減少了 40%，這將搜索引擎流量和註冊量增加了 15% 。 原文(國外)：htt

性能優化 , react-native , 移動端web , 前端 , html5

收藏 評論

youbeiputao 頭像

有杯葡萄 - 反對一切形式的”跨平台“前端框架

本來一個職位可以招三個人，結果你一個人用跨平台都幹了，剩下的兩個人只能在市場上卷。關鍵產出的東西，性能差、省力不省功，最後996還是你。你説這是利好了誰？ 跨平台框架的作者，也是coder出身，但是他背叛了程序員本這一羣體。我提議，作為程序員，要堅決抵制各種形式的跨平台，讓你的兄弟有飯吃、你的前同事有飯吃、讓你的家庭有飯吃、讓其他家庭的孩子有飯吃。如果每個程序員總是自掃門前雪，想着道友死貧道

weex , react-native , uniapp , flutter , taro

收藏 評論

dunizb 頭像

杭州程序員張張 - 我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

在開始尋找最佳的跨平台移動開發框架的過程中，Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力，因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界，我創建了三個版本的移動應用程序，這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單：構建一個應用程序，顯示一個隨機國家的詳細信息。我以前在 Python

ionic , react-native , flutter

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp：基於Taro使用模塊化開發，提升開發效率

duxapp是基於Taro二次開發的模塊化框架 使用這個框架，結合框架提供的UI庫和工具庫，能幫助你快速且高質量的完成項目，且能實現同時開發小程序、H5、APP（React Native），並且保證各個端的一致性 duxapp還針對APP開發（React Native）做了大量優化，大大降低了APP發開的難度，你可以閲讀React Native教程，瞭解詳情 下面讓我來詳細介紹如何使用duxapp

react , react-native , 模塊化 , taro , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案

全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp

react , react-native , redux , taro

收藏 評論

shaogongbra 頭像

ShaoGongBra - Taro首個支持鴻蒙的 UI 庫，同時還兼容 React Native、小程序、H5

Taro 4.0 已經推出一段時間了，4.0 版本主要是支持了鴻蒙端的開發以及 Vite 編譯工具的支持。duxapp 在這段時間也跟隨 Taro 的腳步，實現的對鴻蒙端的支持，並且也將之前的 duxui 這個多端的 UI 庫，對鴻蒙端實現了兼容。 duxui 組件庫提供了 60+ 的組件支持，能快速幫助你完成業務。 現在使用這個 UI 庫，不僅能開發鴻蒙，還能實現同時開發 React Nativ

react-native , taro , harmonyos , ui

收藏 評論

sishuiliunian_58f891c129ab1 頭像

似水流年 - React Native 0.77發佈，新樣式特性，Android 16KB頁面支持，Swift模板

React Native 0.77 版本發佈：新特性、改進與遷移説明 2025 年 1 月 21 日，React Native 0.77 正式發佈，此版本帶來諸多新特性、對 Android 的支持增強、社區模板更新以及一些重要變更。 一、新特性亮點 （一）CSS 新特性助力佈局、尺寸與混合效果 display: contents 簡化佈局邏輯：該屬性使元素自身在佈局結構中“消失”，但子元素仍正

react-native , swift , Android

收藏 評論

putao0525 頭像

putao - react native 項目創建

創建項目 npx @react-native-community/cli init 項目名稱 依賴組件 brew update brew upgrade openssl readline libyaml gmp 新版本的macos git clone https://github.com/rbenv/ruby-build.git "$(rbenv root)"/plugins/ruby-bu

react-native

收藏 評論

finally_m 頭像

威哥愛編程 - React Native 核心技術知識點快速入門

大家好，我是 V 哥。React Native 是 Facebook 開發的一個開源框架，用於使用 JavaScript 和 React 構建原生移動應用。它允許開發者使用相同的代碼庫為 iOS 和 Android 平台創建高性能、美觀的應用程序。本文將介紹 React Native 的核心技術知識點，幫助初學者快速入門。 1. 環境搭建 在開始使用 React Native 之前，需要搭建開發環

react-native , Javascript

收藏 評論

qianxiaqingkong 頭像

蘭俊秋雨 - 年終盤點跨平台技術優劣勢對比（Hybrid、RN、Weex、Flutter）

跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景

weex , react-native , flux , hybrid-app , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 為什麼選擇React-native

本文總結: 🔹 運行機制 React Native 的運行機制基於兩個線程之間的通信（JavaScript 線程和 Native 線程），通過 Bridge（橋） 實現數據交互。🌉這使得 JS 邏輯與原生界面可以協同工作，實現流暢體驗。 🔹 優勢 👍 學習成本低，JavaScript 和 React 開發者可以快速上手 滿足大部分產品需求，適用於多數中小型 App 代碼

react-native , 面試 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - React-native的新架構

本文總結: 文章主要介紹了 React Native 的新架構，包括以下幾個方面的內容：📱✨ 如何抹平 iOS 和 Android 樣式差異，提升跨平台一致性； 分析了舊架構中存在的問題，如通信瓶頸、啓動慢、維護複雜等； 介紹了 JSI 中間層 帶來的變革，如： 不再強依賴 JavaScriptCore 引擎； 可直接在 JS 層調用 Native 方法，提升交互效率； 講解了 R

react-native , 前端

收藏 評論

aion_6356676d25766 頭像

Aion - React Router V7 路由守衞

React Router V7 本身並沒有直接提供內置的路由守衞 API（比如 Vue Router 的 beforeEach），但通過組合其提供的鈎子（如 useNavigate、useLocation）和 React 的組件設計模式，我們可以實現類似的功能，比如權限控制、登錄驗證、數據預加載等場景。 路由守衞 路由守衞是指在路由切換時執行一些邏輯，以決定是否允許導航到目標路由。 常見的場景包括

react , react-native , 前端 , Javascript

收藏 評論

xingfudenaozhong 頭像

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候，有一篇文章《外賣騎手，困在系統裏》。 作為一個互聯網從業人員，我之前從未有機會體會到，當每一個工作都要被時間和算法壓榨時，我會是一種怎樣的感受。 而最近的一段經歷，我感覺也被困在系統裏了。 起因 如果你是一個研發人員，免不了要值班、處理線上問題。當然這都很正常，每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多，加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

收藏 評論

raymond_68666117c3a7d 頭像

Polynesia - CodePush停服後，如何用騰訊Shiply快速實現ReactNative熱更新？

1. 背景 CodePush是微軟VisualStudioAppCenter服務的一個子功能，支持動態下發RN熱更新產物。但是VisualStudioAppCenter 2025/3/31 已經停止服務，如果想繼續使用CodePush需要自己獨立部署。 專門獨立部署一套後台服務，對於個人開發者尤其是客户端開發來説時間成本較高，後期維護也需要投入不少精力，最好還是使用已有的下發平台。 調研了一下發現

熱更新 , react-native , 動態化

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp中主題系統是如何實現動態切換的

在舊版本的duxapp，支持主題功能，但是那時候的主體是靜態配置的，並不支持動態切換，新版本，在舊的靜態主題基礎上擴展，實現了動態主題切換 舊版本靜態主題 在之前的版本中已經支持主題功能，在用户配置用，使用模塊的 theme 字段配置主題，像下面這樣 // configs/config/index.js option: { // 基礎模塊 duxapp: { theme: {

react-native , taro

收藏 評論

chengxuyuanlaoliu2024 頭像

程序員老劉 - 跨平台開發地圖：客户端技術選型指南 | 2025年9月

哈嘍，我是老劉 2024年，全球移動應用下載量突破2570億次。 但開發者面臨的問題是——平台越來越多。 以前只有iOS和Android，現在還有鴻蒙、Web、各種小程序... 每個平台都要單獨開發，成本會翻好幾倍。 不僅如此，用户對體驗的要求越來越高。 他們希望在不同設備上看到一模一樣的界面，享受一致的操作體驗。 原生開發做不到這一點。 因為不同平台的設計規範、開發語言、UI組件都不一樣。 這就

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

收藏 評論

chengxuyuanlaoliu2024 頭像

程序員老劉 - 跨平台開發地圖：客户端技術選型指南 | 2025年10月

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

react-native , flutter , .net , kmp , 跨平台開發

收藏 評論

grapecity 頭像

葡萄城技術團隊 - React Native 錯誤處理完全指南

React Native 錯誤處理完全指南 深入解析跨平台應用中的 JS 錯誤、原生崩潰及異常監控方案，附實戰代碼與最佳實踐。 在 React Native 跨平台開發中，錯誤處理是保障應用穩定性與用户體驗的核心環節。不同於純 Web 應用或原生應用，React Native 應用的錯誤來源更為複雜——既包含 JavaScript 層的邏輯錯誤，也涉及 iOS/Android 雙端的原生模塊異常，

react-native

收藏 評論

zhoumo_62382eba4b454 頭像

perkz - React Native Canvas

思路：React-Native自己是沒有Canvas，可以利用react-native-webview注入html做一個Canvas，把寫入Webview的html作為可變的字符串，每寫一條canvas就在字符串上的script標籤裏添加對應的語句，每一次添加都是異步的，通過onMessage去獲取Webview往外傳的值 初始化一個html頁面 window.onload裏去執行我

react-native , webview , canvas , Javascript

收藏 評論

zhangyidemalingshu 頭像

lichong951 - XLog debug 開啓打印日誌，release 關閉打印日誌

在 XLog 裏實現 debug 開啓 / release 關閉 日誌，不需要自己寫開關，官方已提供 編譯期 + 運行時 兩級方案，零運行時開銷。 下面給出 Java Kotlin 兩種寫法，直接拷貝即可。 一、build.gradle 裏利用 BuildConfig.DEBUG 自動切換 android { ... buildTypes { debug {

Kotlin , react-native , Android , android-studio , JAVA

收藏 評論

dynamic_cell 頭像

小紅星閃啊閃 - React Native填坑之旅 -- 從Native發事件給JS

代碼在這裏 很多時候我們需要從原生髮送事件給JS。比如在官方文檔提到的一個日曆📅事件。你定好了一個會議，或者一個活動，之後再指定的日期發生。或者關閉了貢獻單車，藍牙收到關鎖成功的信號。又或者地理圍欄這樣的APP，在你進入/離開一個地理圍欄的時候，都需要從原生髮送事件給JS。 首先是一個簡單的例子 調用一個原生方法設置一個延時觸發的原生時間，類似於調用原生的setTimeout。在到時間之後一個事

module , react-native , event , Android , ios

收藏 評論