HarmonyOS 鸿蒙Next升级后，react-native-webview闪退

发布于 1周前 作者 bupafengyu 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next升级后，react-native-webview闪退

从手机ROOM:3.0.0.18 RNOH 0.72.21 DEV 5.0.0.3.200 react_native_openharmony:5.0.0.100升级到上面版本之后，  react-native-svg库闪退，从0.1.4升级到0.1.7，依然是闪退，报错信息如下:

Error message:Cannot read property layoutMetrics of undefined SourceCode: Stack.width(this.descriptor.layoutMetrics.frame.size.width); ^ Stacktrace: at anonymous (oh_modules/.ohpm/rnoh-webview@be7mw7jzuxdjc6emzbzsliwkofk=/oh_modules/rnoh-webview/src/main/ets/WebView.ets:561:12) at updateFunc (/usr1/hmos_for_system/src/increment/sourcecode/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/stateMgmt.js:6661:6661) at observeComponentCreation2 (/usr1/hmos_for_system/src/increment/sourcecode/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/stateMgmt.js:6702:1) at initialRender (oh_modules/.ohpm/rnoh-webview@be7mw7jzuxdjc6emzbzsliwkofk=/oh_modules/rnoh-webview/src/main/ets/WebView.ets:531:3) at initialRenderView (/usr1/hmos_for_system/src/increment/sourcecode/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/stateMgmt.js:6324:6324) at build (…/…/…/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/jsXNode.js:176:176) at build (…/…/…/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/jsXNode.js:68:68) at ComponentContent (…/…/…/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/jsXNode.js:2026:2026) at create (oh_modules/.ohpm/@rnoh+react-native-openharmony@bob8j5zuju575xuzn64mxh+8nj0=/oh_modules/@rnoh/react-native-openharmony/src/main/ets/RNOH/CustomRNComponentFrameNodeFactory.ets:39:25)


更多关于HarmonyOS 鸿蒙Next升级后，react-native-webview闪退的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
3 回复
rnoh升级到27版本后，需要给RNApp组件加个arkTsComponentNames白名单配置，麻烦确认一下是否加了 
import { RNCWebView, WEB_VIEW } from "[@react-native-oh-tpl](/user/react-native-oh-tpl)/react-native-webview"

const arkTsComponentNames: Array<string> = [


WEB_VIEW,


];


RNApp({


rnInstanceConfig: {


…others, // the other properties


arkTsComponentNames: arkTsComponentNames,


},


})

更多关于HarmonyOS 鸿蒙Next升级后，react-native-webview闪退的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对HarmonyOS 鸿蒙Next升级后，react-native-webview闪退的问题，以下是一些可能的解决方案：

  1. 检查系统兼容性：确保你的鸿蒙Next系统版本与react-native-webview组件兼容。有时候，新系统的升级可能会引入与旧组件不兼容的变更。
  2. 更新React Native和依赖：确保你的React Native框架及其所有依赖都是最新版本，特别是react-native-webview组件，以兼容最新的鸿蒙系统。
  3. 检查代码混淆配置：如果你在项目中使用了代码混淆，确保react-native-webview相关的类和方法没有被错误地混淆，这可能导致运行时错误和闪退。
  4. 查看日志：检查应用的日志文件，特别是与webview相关的部分，可能会发现导致闪退的具体错误信息或异常堆栈。
  5. 重新编译项目：有时候，简单的重新编译项目可以解决一些不明确的闪退问题。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部