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

Question

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

网页加载完美无缺，我添加了一个日志，显示它确实正确加载了图像 URL。

但是图像没有显示在 Android 应用程序上。我不知道如何正确调试 React Native 应用程序

在网页上，图像通过 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

尝试使用视图

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

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

Answer 2

修复了它，事实证明 http 请求是不行的......我可能不应该做我所做的，但我将图像 URL 从 http 更改为 https......

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

LogCat中的错误是无用的，与错误无关。通过阅读 Web 视图上的 Java 源代码，我猜想这是问题所在。经历这些给了我一些提示并且它起作用了......我猜是的

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

Why does React Native Webview not load image from a URL

css

android

react-native

react-native-webview