javascript - React-Native 图像似乎已加载，但显示为空白

Question

我使用 S3 存储桶作为应用程序图像的来源。 Storage.get 似乎工作正常，因为当我在浏览器上复制并粘贴链接时，它会正确加载图像。但是，图像标签似乎不起作用...

它似乎正确加载图像，因为它显示了应用程序中的空间，但没有显示实际图像。

这是代码:

  render() {
        return(
            <View style={Styles.vContainerF}>
                { this.state.gmpLogoURL ? 
                    <Image  style={{flex:1}}
                            resizeMode='contain'
                            source={{uri: this.state.gmpLogoURL }}
                     /> 
                : null }

这是 View 样式配置:

  vContainerF: {
    flex: 1,
    padding: 10,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
  },

有任何关于可能出现问题的提示吗？

提前感谢各位!

Answer 1

如 react-native image doc 中所述:

Note that for network and data images, you will need to manually specify the dimensions of your image!

因此，将高度和宽度添加到您的图像样式中:

<Image 
  style={{ flex: 1, height: 100, width: 100 }}
  resizeMode='contain'
  source={{ uri: this.state.gmpLogoURL }}
/>