React Native Webview-使用Expo-不显示来自s3 bucket的图像

Question

试图在ReactNative中的WebView中显示图像（使用Expo）。执行此操作以允许图像缩放。

使用带有source={{URI:this.state.ImageUrl}}的webview，这是一个s3 bucket映像位置。IE--以。jpg结尾

我已经按照有类似问题的人的建议将mixedContentMode设置为'Always'，同时将javascriptEnabled和domStorage设置为true，将style设置为Flex:1，等等。

我的android只显示一个白色页面，但iOS显示的图像很好，所以url不是问题。

s3 buckets是否有我遗漏的地方，或者其他人也有类似的问题，他们已经设法解决了这个问题？不确定还可以尝试什么，已经在应用程序的其他地方使用了带有谷歌驱动器前缀的技巧来在webview中显示PDFs，但在这种情况下不起作用。而且使用mixedContentMode并没有解决任何问题。

<WebView
                  source={{ uri: this.props.map.source }}
                    startInLoadingState
                    javaScriptEnabled
                    style={{ flex: 1}}
                    scalesPageToFit
                    javaScriptEnabled
                    domStorageEnabled
                    originWhitelist={['*']}
                    mixedContentMode='always'
                />

图像url的示例是'https://example-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:example/public/image-hd-1.jpg'

只是显示格式..上面的url将不起作用

Answer 1

最后，我只是使用WebView并插入我自己的html和一个引用完全相同图像URL的img标记。这似乎工作得很好，并绕过了直接引用图像所发生的问题。

我仍然想知道是否有人已经解决了这个问题，而不必为不同的操作系统执行不同的呈现。