RN中webview的一些思考
遇到的坑：webview和h5通信時，會有一些延遲導致不能立即生效 具體描述：在使用react-native時，需要加載外部網頁，加載後，RN提供一個按鈕可以關閉網頁，但如果打開的是內部網頁就需要隱藏這個按鈕，h5代碼使用react寫的，在componentDidMount時，發送postmessage給客户端（RN），此時發現收不到，查閲react-native官方文檔後得已解決。
Nickname 楊龍飛
@react-native
Contributes18
Followers0
Contributes
@react-native
Stories List
我用 Flutter、React Native 和 Ionic 構建了相同的應用程序
在開始尋找最佳的跨平台移動開發框架的過程中，Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力，因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界，我創建了三個版本的移動應用程序，這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單：構建一個應用程序，顯示一個隨機國家的詳細信息。我以前在 Python
Nickname 杭州程序員張張
duxapp：基於Taro使用模塊化開發，提升開發效率
duxapp是基於Taro二次開發的模塊化框架 使用這個框架，結合框架提供的UI庫和工具庫，能幫助你快速且高質量的完成項目，且能實現同時開發小程序、H5、APP（React Native），並且保證各個端的一致性 duxapp還針對APP開發（React Native）做了大量優化，大大降低了APP發開的難度，你可以閲讀React Native教程，瞭解詳情 下面讓我來詳細介紹如何使用duxapp
Nickname ShaoGongBra
性能優化進階：讓你的移動端網頁1s呈現
前言 現在的消費者越來越依賴移動設備來訪問內容和服務，這比以往任何時候都要求更高。當他們權衡您網站上的體驗時，他們不僅將您與您的競爭對手進行比較，還會在使用完後對您的應用進行評級。 但是很多網站給用户帶來的體驗並不太好，以致造成潛在客户流失，所以，性能是留住用户的關鍵。 Pinterest 將感知等待時間減少了 40%，這將搜索引擎流量和註冊量增加了 15% 。 原文(國外)：htt
Nickname wxp686
打造一套客户端功能最全的 APM 監控系統
APM 是 Application Performance Monitoring 的縮寫，監視和管理軟件應用程序的性能和可用性。應用性能管理對一個應用的持續穩定運行至關重要。所以這篇文章就從一個 iOS App 的性能管理的緯度談談如何精確監控以及數據如何上報等技術點 App 的性能問題是影響用户體驗的重要因素之一。性能問題主要包含：Crash、網絡請求錯誤或者超時、UI 響應速度慢、主線程卡頓、
Nickname 杭城小劉
國內大廠都在使用哪些移動跨平台框架
自從移動應用開發興起以來，不少公司和開發者就在不斷的探索移動跨平台開發技術，以適應移動應用高速迭代的需求 。縱觀當前的移動跨平台方案，總結一下無外乎三大類：一種是使用原生內置的瀏覽器加載HTML5的Hybrid技術，採用此方案的主要有Cordova、Ionic和微信小程序；另一種是使用JavaScript開發，然後使用原生組件進行渲染，採用此方案的主要有React Native、Weex和快應用；
Nickname xiangzhihong
年終盤點跨平台技術優劣勢對比（Hybrid、RN、Weex、Flutter）
跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景
Nickname 蘭俊秋雨
反對一切形式的”跨平台“前端框架
本來一個職位可以招三個人，結果你一個人用跨平台都幹了，剩下的兩個人只能在市場上卷。關鍵產出的東西，性能差、省力不省功，最後996還是你。你説這是利好了誰？ 跨平台框架的作者，也是coder出身，但是他背叛了程序員本這一羣體。我提議，作為程序員，要堅決抵制各種形式的跨平台，讓你的兄弟有飯吃、你的前同事有飯吃、讓你的家庭有飯吃、讓其他家庭的孩子有飯吃。如果每個程序員總是自掃門前雪，想着道友死貧道
Nickname 有杯葡萄
React Native 0.77發佈，新樣式特性，Android 16KB頁面支持，Swift模板
React Native 0.77 版本發佈：新特性、改進與遷移説明 2025 年 1 月 21 日，React Native 0.77 正式發佈，此版本帶來諸多新特性、對 Android 的支持增強、社區模板更新以及一些重要變更。 一、新特性亮點 （一）CSS 新特性助力佈局、尺寸與混合效果 display: contents 簡化佈局邏輯：該屬性使元素自身在佈局結構中“消失”，但子元素仍正
Nickname 似水流年
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
Nickname putao
React Native 核心技術知識點快速入門
大家好，我是 V 哥。React Native 是 Facebook 開發的一個開源框架，用於使用 JavaScript 和 React 構建原生移動應用。它允許開發者使用相同的代碼庫為 iOS 和 Android 平台創建高性能、美觀的應用程序。本文將介紹 React Native 的核心技術知識點，幫助初學者快速入門。 1. 環境搭建 在開始使用 React Native 之前，需要搭建開發環
Nickname 威哥愛編程
前端方面移動端適配方法，減少兼容性問題
使用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
Nickname miadk
React-native的新架構
本文總結: 文章主要介紹了 React Native 的新架構，包括以下幾個方面的內容：📱✨ 如何抹平 iOS 和 Android 樣式差異，提升跨平台一致性； 分析了舊架構中存在的問題，如通信瓶頸、啓動慢、維護複雜等； 介紹了 JSI 中間層 帶來的變革，如： 不再強依賴 JavaScriptCore 引擎； 可直接在 JS 層調用 Native 方法，提升交互效率； 講解了 R
Nickname 溪抱魚
React Router V7 路由守衞
React Router V7 本身並沒有直接提供內置的路由守衞 API（比如 Vue Router 的 beforeEach），但通過組合其提供的鈎子（如 useNavigate、useLocation）和 React 的組件設計模式，我們可以實現類似的功能，比如權限控制、登錄驗證、數據預加載等場景。 路由守衞 路由守衞是指在路由切換時執行一些邏輯，以決定是否允許導航到目標路由。 常見的場景包括
Nickname Aion
我們都被困在系統裏的…程序員
前言 2020年外賣最火熱的時候，有一篇文章《外賣騎手，困在系統裏》。 作為一個互聯網從業人員，我之前從未有機會體會到，當每一個工作都要被時間和算法壓榨時，我會是一種怎樣的感受。 而最近的一段經歷，我感覺也被困在系統裏了。 起因 如果你是一個研發人員，免不了要值班、處理線上問題。當然這都很正常，每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多，加上系統有一些易用性的問題或bu
Nickname 幸福的鬧鐘
CodePush停服後，如何用騰訊Shiply快速實現ReactNative熱更新？
1. 背景 CodePush是微軟VisualStudioAppCenter服務的一個子功能，支持動態下發RN熱更新產物。但是VisualStudioAppCenter 2025/3/31 已經停止服務，如果想繼續使用CodePush需要自己獨立部署。 專門獨立部署一套後台服務，對於個人開發者尤其是客户端開發來説時間成本較高，後期維護也需要投入不少精力，最好還是使用已有的下發平台。 調研了一下發現
Nickname Polynesia
duxapp中主題系統是如何實現動態切換的
在舊版本的duxapp，支持主題功能，但是那時候的主體是靜態配置的，並不支持動態切換，新版本，在舊的靜態主題基礎上擴展，實現了動態主題切換 舊版本靜態主題 在之前的版本中已經支持主題功能，在用户配置用，使用模塊的 theme 字段配置主題，像下面這樣 // configs/config/index.js option: { // 基礎模塊 duxapp: { theme: {
Nickname ShaoGongBra
跨平台開發地圖：客户端技術選型指南 | 2025年9月
哈嘍，我是老劉 2024年，全球移動應用下載量突破2570億次。 但開發者面臨的問題是——平台越來越多。 以前只有iOS和Android，現在還有鴻蒙、Web、各種小程序... 每個平台都要單獨開發，成本會翻好幾倍。 不僅如此，用户對體驗的要求越來越高。 他們希望在不同設備上看到一模一樣的界面，享受一致的操作體驗。 原生開發做不到這一點。 因為不同平台的設計規範、開發語言、UI組件都不一樣。 這就
Nickname 程序員老劉
跨平台開發地圖：客户端技術選型指南 | 2025年10月
哈嘍，我是老劉 2024年全球移動應用下載量突破2570億次，但開發者面對的現實是：平台越來越多、成本翻倍、體驗難統一。iOS/Android/鴻蒙/桌面端/Web/小程序，各有一套開發與設計規範，原生很難在多設備上做到一致。 跨平台是機會，卻更是選擇題：Flutter講性能、React Native講生態、uni-app講覆蓋、KMP講原生。 如何做好這道選擇題，把有限的資源發揮出最大的效率？
Nickname 程序員老劉
React Native 錯誤處理完全指南
React Native 錯誤處理完全指南 深入解析跨平台應用中的 JS 錯誤、原生崩潰及異常監控方案，附實戰代碼與最佳實踐。 在 React Native 跨平台開發中，錯誤處理是保障應用穩定性與用户體驗的核心環節。不同於純 Web 應用或原生應用，React Native 應用的錯誤來源更為複雜——既包含 JavaScript 層的邏輯錯誤，也涉及 iOS/Android 雙端的原生模塊異常，
Nickname 葡萄城技術團隊
duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案
全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp
Nickname ShaoGongBra
為什麼選擇React-native
本文總結: 🔹 運行機制 React Native 的運行機制基於兩個線程之間的通信（JavaScript 線程和 Native 線程），通過 Bridge（橋） 實現數據交互。🌉這使得 JS 邏輯與原生界面可以協同工作，實現流暢體驗。 🔹 優勢 👍 學習成本低，JavaScript 和 React 開發者可以快速上手 滿足大部分產品需求，適用於多數中小型 App 代碼
Nickname 溪抱魚
Taro首個支持鴻蒙的 UI 庫，同時還兼容 React Native、小程序、H5
Taro 4.0 已經推出一段時間了，4.0 版本主要是支持了鴻蒙端的開發以及 Vite 編譯工具的支持。duxapp 在這段時間也跟隨 Taro 的腳步，實現的對鴻蒙端的支持，並且也將之前的 duxui 這個多端的 UI 庫，對鴻蒙端實現了兼容。 duxui 組件庫提供了 60+ 的組件支持，能快速幫助你完成業務。 現在使用這個 UI 庫，不僅能開發鴻蒙，還能實現同時開發 React Nativ
Nickname ShaoGongBra