为什么 React Native Webview 不从 URL 加载图像

Question

我有一个从互联网加载图像的网站，我想我可以轻松制作一个仅将网页显示为 Web 视图的 React 应用程序

网页加载得非常好，我添加了一个日志，显示它确实正确加载了图像 URL。

但图像不会显示在 Android 应用上。我不知道如何正确调试 React Native Apps

在网页上，图像通过 CSS 属性“background-image: url(image url)”显示 我更新了那个属性，也许这就是问题的根源

这是一个网站，它确实是为移动设备制作的，但仍然是一个 WIP

https://praw.herokuapp.com/

我尝试过的： 我使用 Android Studio 调试 APK 并且每次尝试更改图像时 LogCat 都会显示 1 个错误

E/StudioTransport: JVMTI error: 103(JVMTI_ERROR_ILLEGAL_ARGUMENT)

网上搜索一下JVMTI_ERROR_ILLEGAL_ARGUMENT是一个错误，是因为“提供的内存缓冲区太小”造成的。

That makes me think, React allocated memory for my app, but once I loaded a new image it didn't have enough memory to display it? What do you think?

这就是我能找到的关于错误的所有信息...Android Studio 没有给我任何其他有用的信息

这可能是 React Native WebView 的错误吗？我应该提出 GitHub 问题吗？

我可以分享任何其他可能有帮助的信息吗？

我的整个 React Native 代码????

import React, { Component } from 'react';
import { WebView } from 'react-native-webview';

class App extends Component {
  render() {
    return (
      <WebView source={{ uri: 'https://praw.herokuapp.com/' }}/>
    );
  }
}

export default App;

Answer 1

修复它，结果表明 http 请求是不可以的...我可能不应该做我所做的，但我将图像 URL 从 http 更改为 https...

您需要安全的 URL，否则图片不会显示

LogCat 中的错误是无用的，与错误无关。通过阅读 Web Views 上的 Java 源代码，我猜想这是问题所在。经历这件事给了我一些提示，它奏效了……是的，我猜

Answer 2

用视图试试

<View style={{flex: 1, flexDirection: 'row'}}>
          <WebView style = {{flex:1}} source={{ uri: 'https://praw.herokuapp.com/'}}  />
    </View>

或者尝试在android manifest中添加<application android:largeHeap="true">