如果在运行前不知道本地图像的位置，该如何显示？

Question

var imageSource = require('./images/test.png')
<Image source={imageSource} style={s.userPic} />

效果很好，但是我需要显示使用设备（iPad）相机拍摄的本地照片，所以我不知道存储在“ user.imageLoc”中的本地文件位置...

var imageSource = eval("require('" + user.imageLoc + "')")
<Image source={imageSource} style={s.userPic} />

但这是行不通的。 “命名的未知模块（在此处插入文件位置）”

如果在运行时之前不知道本地图像的文件名/地址，该如何显示？

Answer 1

将图像源作为道具传递给组件:)

<MyCustomImageComponent imageSource={require(user.imageLoc)} />

Answer 2

如果要访问图库中的照片或使用相机拍摄的照片，最好的方法是使用RN的CameraRoll API。 v

这是文档： https : //facebook.github.io/react-native/docs/cameraroll.html

如果那不起作用或不是您想要的，我们可以尝试找到其他解决方案。