【问题标题】:React Native + WebView + android emulator, WebGL supportReact Native + WebView + android 模拟器,WebGL 支持
【发布时间】:2019-05-26 07:11:05
【问题描述】:

我正在尝试在 WebView 组件中使用 WebGL(实际上是 Cesium lib,如果它重要的话)来制作 React Native 应用程序。我编写了一个小应用程序来测试 WebGL 支持:简单的 WebView (react-native-webview) 加载 http://get.webgl.org 并在 android 模拟器上运行它。正如网站所说,如果启用了 WebGL 支持,我应该会看到一个 spinnig 立方体,但我只能看到 “嗯。虽然您的浏览器似乎支持 WebGL,但它已被禁用或不可用。如果可能,请确保您正在为您的视频卡运行最新的驱动程序”

还有一些有趣的事实:
1) 基于 AngularJs + Cordova + Ionic 的应用程序(在内部使用相同的 WebView 技术和相同的 Cesium 库)在该模拟器上完美运行
2)我在模拟器的Chrome浏览器中检查了WebGL支持(http://get.webgl.orghttp://webglreport.com),一切都很好,没有问题

所以,问题是“我该怎么办?”。我应该为 React 编写基于 Java 的原生组件吗?或者在 React Native WebView、android app bundle 文件或其他地方有一些设置。我应该使用另一个提供 WebView 且支持 WebGL 的组件吗?这是android模拟器或其设置的问题吗?好吧,我愿意接受任何解决方案和建议。应用程序在真实设备上正常运行的可能性很小,但在模拟器上运行和调试它对我来说至关重要。

一些技术信息:
1) 软件包版本:react - 16.6.3、react-native - 0.57.8、react-native-webview - 2.14.3
2) 操作系统:Windows 10、x64
3) 模拟器:谷歌官方模拟器,API 25,尝试了软硬件图形渲染设置

【问题讨论】:

  • 同样的问题,尝试使用 WebView for Three.js
  • @russell 半年后解决问题了吗?

标签: android react-native webview webgl


【解决方案1】:

在 Android Q 上启用了 Webviews 上的模拟器 WebGL 支持:https://issuetracker.google.com/issues/37129533

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-28
    相关资源
    最近更新 更多