无法在Android中显示静态图像与反应原生

问题描述：

我想在我的反应原生android和iOS应用程序中显示静态图像。它在iOS应用中运行良好。但我无法在Android应用程序中显示图像。以下是我的代码：无法在Android中显示静态图像与反应原生

<Image source ={require('../images/background.png')} 
 
       style ={styles.imageStyle}> 
 
</Image> 
 

 
var styles = StyleSheet.create({ 
 
    container: { 
 
    flex: 1, 
 
    alignSelf: 'stretch' 
 
    }, 
 
    imageStyle: { 
 
    flex: 1, 
 
    margin:10, 
 
    width: undefined, 
 
    height: undefined, 
 
    backgroundColor:'transparent', 
 
    justifyContent: 'center', 
 
    alignItems: 'center' 
 

 
    }

我已经把图像“background.png”下绘制 - ** dpi的文件夹，以及根据所提到的图片文件夹。

它适用于我的iOS应用程序从图像文件夹中挑选图像，但不适用于android。我正在使用react-native版本0.33

在此任何帮助将不胜感激！

编辑： 它不会在这里也工作：

<View key={answer.ID}> 
 
    <OnTouchHighlightWidget key={answer.ID} onPress={() => {this.props.onSelect(answer)}}> 
 
      <Image source={this.getImageUrl(answer)} style={{flex:1,margin:10,width: 90, height: 95}} /> 
 
</OnTouchHighlightWidget> 
 
</View>

我已经把image_holo.png同一目录下的js文件和相应的绘制 - ** DPI文件夹。它适用于iOS。但不是在Android上！

这是一个完整的封面背景图片？ – EQuimper

是的。这是一张背景图片。 – Sachin

答

您需要在您的imageStyle中定义width和height。

感谢您的建议，但我已经这样做了。没有成功。 – Sachin

答

试试这是一个完整的背景图像封面。

<Image source ={require('../images/background.png')} 
       style ={styles.imageStyle}> 
</Image> 

var styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    alignSelf: 'stretch' 
    }, 
    imageStyle: { 
    flex: 1, 
    margin:10, 
    width: null, 
    height: null, 
    backgroundColor:'transparent', 
    justifyContent: 'center', 
    alignItems: 'center' 

    }

没有。它不起作用。我在我的问题中更新过的其他地方使用过图片。但它也不起作用。它适用于iOS，但不适用于Android :( – Sachin

而且你没有添加任何宽度和高度？所以你什么都看不到？如果是的话我会去看看我认为有一次这个问题 – EQuimper

你的图像是否在视图内？ – EQuimper

答

尝试建立在res文件夹下你的Android Studio中绘制文件夹和图像复制到这个文件夹，请参考下面的链接来设置它（Android Studio: Drawable Folder: How to put Images for Multiple dpi?）。在android studio上清理和重建你的项目，它工作。

无法在Android中显示静态图像与反应原生

相关推荐