React native 如何将firebase中的图像数组映射到本地图像?

React native 如何将firebase中的图像数组映射到本地图像?,react-native,React Native,我在firebase中有一个带有图像url值的数组 "image" : [ "https://assets.s3.amazonaws.com/1586862746143.png", "https://onpro-assets.s3.amazonaws.com/1586862746882.png", "https://onpro-assets.s3.amazonaws.com/1586862747012.png", "https://onpro-assets.s3.amazonaws.com/

我在firebase中有一个带有图像url值的数组

  "image" : [ "https://assets.s3.amazonaws.com/1586862746143.png", "https://onpro-assets.s3.amazonaws.com/1586862746882.png", "https://onpro-assets.s3.amazonaws.com/1586862747012.png", "https://onpro-assets.s3.amazonaws.com/1586862747587.png" ],
我想在我的react本机应用程序中映射这些图像

我做了
console.log(图像)
它像这样返回数组

Array [
  "https://onpro-assets.s3.amazonaws.com/1586864223105.png",
  "https://onpro-assets.s3.amazonaws.com/1586864223604.png",
  "https://onpro-assets.s3.amazonaws.com/1586864223723.png",
]
我为我的图像编写了一个映射函数,如下所示:

图像:
image.map((x,i)=>
但是它说变量x找不到,我做错了什么

错误图像:
我想你忘了括号了

试试这个

<Text style={styles.imageText}> Images: </Text>
{
    image.map((x, i) => (
        <Image
            key="i"
            style={{ borderRadius: 20, width: 100, height: 120, top: 35 }}
            source={{ uri: x }}
        />
    )
}
图像:
{
image.map((x,i)=>(
)
}

我想你忘了括号

试试这个

<Text style={styles.imageText}> Images: </Text>
{
    image.map((x, i) => (
        <Image
            key="i"
            style={{ borderRadius: 20, width: 100, height: 120, top: 35 }}
            source={{ uri: x }}
        />
    )
}
图像:
{
image.map((x,i)=>(
)
}

你能分享错误截图吗?我附上了错误截图。你能分享错误截图吗?我附上了错误截图。谢谢!这消除了可变错误,但是图像没有呈现,有什么想法吗?控制台日志显示了适当的URL。@MikkKüttim我无法在浏览器中打开这些图像。我收到的访问被拒绝错误。这可能与您的RN应用程序中的错误相同。我试图在浏览器上打开“图像”链接,但出现了一个错误。我已更新了url,这是我的错误,因此您收到的错误被拒绝。@MikkKüttim您是否忘了将bucket name添加到图像url?但是,这现在不是react原生问题。请阅读:谢谢!这消除了变量e错误但是图像没有被渲染,有什么想法吗?控制台日志显示适当的URL。@MikkKüttim我无法在浏览器中打开这些图像。我收到拒绝访问错误。这可能与您的RN应用程序中的错误相同。我试图在浏览器上打开图像链接,但它给出了一个错误我更新了URL,这是我的错误,因此您收到了错误denied.@MikkKüttim您是否忘记将存储桶名称添加到图像url?但是,这现在不是react原生问题。请阅读以下内容: