Question

我正在尝试在我的react-native android和iOS应用程序中显示静态图像。它适用于iOS应用程序。但我无法在Android应用程序中显示图像。以下是我的代码：

(( ... ))

我已将图片'background.png'放在drawable - ** dpi文件夹下以及提到的images文件夹下。

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

非常感谢任何帮助！

修改它在这里也不起作用：

<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'

  }

我已将image_holo.png放在与js文件相同的目录和相应的drawable - ** dpi文件夹下。它适用于iOS。但不是在android！

Answer 1

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

Answer 2

尝试使用完整的背景图片封面。

<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'

  }

Answer 3

尝试在res文件夹下的android Studio中创建一个可绘制文件夹，并将图像复制到此文件夹，请参阅以下链接进行设置（Android Studio: Drawable Folder: How to put Images for Multiple dpi?）。在android studio上清理并重建你的项目，它可以工作。

无法使用react-native在android中显示静态图像

3 个答案: