本文原創發佈在華為開發者聯盟社區，歡迎前往與更多開發者進行互動。
更多相關問題可點擊原帖進行交流：使用React Native開發HarmonyOS應用TOP問題集錦

React Native框架是一個基於JavaScript與React的開源框架，主要用於開發原生渲染的移動應用程序。React Native for OpenHarmony（RNOH）在React Native原有能力之上，進行了深度的鴻蒙化適配與擴展，使開發者能夠基於熟悉的React技術棧，高效地構建適用於HarmonyOS的應用程序。 為助力掃清React Native開發HarmonyOS的Top開發障礙，本文選取了社區熱點問題，進行深入剖析，推出《React Native開發HarmonyOS應用熱點問題集》專欄，旨在集中解決共性問題，希望能提供有價值的參考，助力大家在鴻蒙開發之路上行得更穩、更遠，後續將持續更新，歡迎大家提出寶貴建議。

HarmonyOS化方案

• 從零開始在HarmonyOS上開發RN應用
• 已有RN工程如何快速遷移到HarmonyOS上
• RNOH如何升級到指定版本

環境配置與開發調試常見問題

• 如何使用React Native DevTools進行斷點調試
• RN工程調試階段如何熱更新
• RN創建工程時報錯
• React-native-dotenv插件對應的.env配置修改後不生效
• 如何解決RN三方庫引入時ohpm安裝報錯問題

RN與HarmonyOS混合開發常見問題

• TurboModule常見問題

  • TurboModule的創建流程及常見問題
  • TurboModule繼承類中如何獲取UIContext

• 自定義組件常見問題

  • 如何使用CodeGen生成粘合代碼來實現RN自定義HarmonyOS組件

• RN與HarmonyOS交互常見問題

  • RN和ArkTS字體顏色顯示不一致
  • 如何解決ArkUI Swiper組件滑動事件與RN組件點擊事件衝突
  • RN工程加載rawfile下bundle不顯示本地圖片
  • RN混合開發如何處理手勢返回事件

三方庫使用常見問題

• RN三方庫適配常見問題
• RN導入三方庫提示找不到對應模塊

• 圖片處理

  • 在RN項目中如何使用react-native-svg三方庫加載圖片？
  • 使用react-native-view-shot截圖，如何將截圖保存到圖庫？

• 權限使用

  • 如何在RN中申請並驗證相機ACL權限

• 二維碼

  • 使用react-native-qrcode-svg生成二維碼生成失敗

• 地圖

  • react-native-amap3d的Marker組件的icon屬性不生效

• 常用UI

  • 列表頁面添加水印後，列表無法滑動

• react-native-webview常見問題

  • RN webview加載頁面白屏
  • react-native-webview注入message事件監聽不生效
  • RN使用Webview無法加載JS、CSS文件
  • 如何解決RNWebView跳轉系統電話頁面時出現空白頁面問題？
  • HarmonyOS RN使用webview打開web頁面如何下載頁面上的附件？
  • RNOH項目中web請求如何設置自定義userAgent？
  • RN中WebView如何開啓調試

編譯構建常見問題

• RN編譯報錯error: undefined symbol
• RN打包時解析模塊出錯

• Bundle常見問題

  • RN如何實現多Bundle打包
  • RN如何加載bundle包？

• RN Release包常見問題

  • RN適配HarmonyOS應用工程如何使用release包
  • 集成ReactNative Release版本時報錯找不到RNOHOther.cpp文件
  • RN打Release包，如何隱藏掉Warning提示框

• 編譯HBC指導

  • 如何編譯HBC

應用運行常見問題

• RN項目打包成功，一運行就閃退
• RN應用在切後台後再切前台，應用閃退
• RNAbility裏的onBackground內setTimeout不執行

• 不使用RNAbility運行RN工程失敗

  性能調優

• 編譯優化
• 字節碼（HBC）
• TurboModule運行在子線程
• 渲染優化方法
• 預加載
• 組件性能調優

常見功能實現

• RN路由如何實現
• RN頁面如何防截圖和錄屏
• 如何使用代碼刷新RN頁面？
• RN如何加載指定頁面
• 如何在RN側的兩個頁面中實現事件發送及接收？
• RNOH應用如何使用Image加載圖片？
• RN實現監聽鍵盤狀態和高度
• RN如何跳轉到應用市場？
• RN側怎麼獲取設備相關信息？