React Native Android本地映像

Question

我有这个

<Image style={styles.image} source={require('image!logo')}/>

将logo.png添加到android / app / src / main / res文件夹中。

但图像没有显示（我已经重新运行react-native run-android）。

我是否需要做一些其他更改？

请注意，使用＆lt; Image source = {{uri：http://path/to/image}} /＆gt;的工作原理。

Answer 1

图像文件需要放在res。

下的相应drawable-xxx文件夹中

尝试将logo.png放入android/app/src/main/res/drawable-hdpi，然后重建您的应用。

React Native网站上有一些信息：https://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-android-app

Answer 2

1. 添加图像后，您可能需要“重启”项目。只是重新加载JS可能不会显示图像。

2. 自React Native 0.14起，您可以像需要JS文件一样要求图像。

   <Image source={require('./img/check.png')} />
   

3. 您是否尝试过将图像调高一些？