React Native 如何显示图像

pftdvrlh  于 2022-12-27  发布在  React
关注(0)|答案(2)|浏览(158)

我从我的数据库中得到了一堆数据,我Map了所有这些数据,我的图像字段也是该数据库的一部分,我存储了该特定图像链接的URL,但我无法Map图片,因为URI需要为字符串,而我得到的数据为int类型,以下是代码

    • 代码**
data.map((key)=>{
    return(
        <View>
            <Image style={styles.myImage} source={{
                uri:`${key.link}`
             }} />
        </View>
    )
  })
nukf8bse

nukf8bse1#

如果你确定图片会出现在那个链接中,那么你只需要传递图片的高度和宽度。

<Image source={{
    uri:`${key.link}`
  }}
   style={{height:100, width:100}}
 />
a8jjtwal

a8jjtwal2#

如果正确定义了link,则此操作应起作用:

source={{ uri: key.link }}

但要确定你已经在你的风格中设定了宽度/高度

style={{height: your_height, width:  your_width}

相关问题