Question

我正在尝试在我的应用中添加图片，但它不起作用。下面是我的代码：

return(
    <View>
    <Text style={styles.text}>ABCDEFG</Text>
    <Image
        style={{width: 400, height: 400}}
        source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}/>

    <Image style={{width: 400, height: 400}} source={require('image!download')} />
    </View>
    );

正在显示文字。在它下面，Facebook React徽标正在显示。但是，我的下载图像没有显示出来。它是嵌入式的，因为如果我将“下载”更改为“mypicture”或其他内容，刷新后，我会收到以下错误：需要未知模块“image！mypicture”。如果您确定该模块在那里，请尝试重新启动打包器。

我重启了XCode，甚至我的电脑。为了以防万一，我评论了Facebook徽标。我在三月看过，人们有渲染图像的问题。有人有想法吗？我不熟悉XCode。

感谢您的帮助。

Answer 1

如果您使用xcassets，请确保图片文件的名称与xcassets部分中的名称相同。

所以在这种情况下......图像文件的名称也应该是download.png。确保使用Xcode添加删除这些图像，因为它写入JSON文件，只是重命名文件系统上的文件不会更新该文件。

如果您仍然遇到xcassets问题，可以将图像放入某个组中的项目中，然后通过React Native中的文件名访问它们。您不需要 xcassets，尽管它有一些好处（例如不同的解决方案管理）。

React Native，渲染本地图像

1 个答案: