Android图像未显示反应原生

问题描述：

我把我的图像放在drowable- * dpi文件夹中，图像名称没有大写字母及其合法名称。前缀png格式在index.android.js文件：Android图像未显示反应原生

import React, { Component } from 'react'; 
    import { 
     AppRegistry, 
     StyleSheet, 
     Text, 
     View, 
     Image 
    } from 'react-native'; 

    export default class proj extends Component { 
     render() { 
     return (
      <View style={styles.container}> 

      <Image source={{uri: 'background_home'}} style={{width: 40, height: 40}} /> 
      </View> 
     ); 
     } 
    } 

    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#F5FCFF', 
     }, 

    }); 

AppRegistry.registerComponent('proj',() => proj);

当我运行这段代码 - >什么......像不是我的Android设备上显示。

我能做些什么来解决这个问题？

谢谢！

相同的代码在我的系统工作正常。你可以用'background_home'添加可绘制目录的屏幕截图吗 – Jickson

你能看到图片吗？我添加了它... – foo

图片位于mipmap *目录中。将其复制到可绘制目录 – Jickson

答

截至目前，尚不支持在mipmap目录下以react-native访问图像。

在res目录（mipmap-*的父目录）下创建一个名为drawable的目录。把你的图片放在那个目录中。那么你的代码将工作。

后来基于密度的所有图像移动到相应的目录，如drawable-hdpi，drawable-xhdpi，drawable-xxhdpi等

如果你遵循上面的代码，那么它应该工作。尝试运行'react-native run-android'。应用程序重新加载将不起作用，因为您已对本机代码进行了更改（例如添加可绘制图像）。所以你需要重建项目 – Jickson

试图做到这一点，但没有什么... – foo

是的，我做到了...我将我的完整代码添加到问题... – foo

Android图像未显示反应原生

相关推荐