在文件夹中,我有src文件,这些文件包含组件,还有一些我想在iOS和Android中使用的图像。如果我用这个:
<Image style={{ width: 200, height: 200 }} source={require('../images/camera.png')} />
然后图像很好地加载。但是,当用户拍摄照片时,将动态创建图像标记中的源。此代码:
<Image style={{ width: 200, height: 200 }} source={{ uri: '../images/camera.png' }} />
不管用。没有抛出错误,但没有显示图像。我确信我在正确的轨道上,因为当我用一个道具(<Image style={{ width: 200, height: 200 }} source={{ uri: this.props.image }} />
)替换源时,它将返回由照相机拍摄的图像,并使用相同的代码存储在设备上,但是对于静态图像,它不会发生。有什么建议吗?
发布于 2016-10-31 22:40:06
对于静态映像,需要指定如下所示的source
source={require('static_image_path_relative_current_directory')
仅对于远程和本地文件(而不是静态文件),我们需要在uri
中指定source
,如下所示
source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}
https://stackoverflow.com/questions/40351857
复制相似问题