未显示的Android图像反映本机
我将图像放在drowable-*dpi文件夹中, 不带大写字母的图像名称及其法定名称。 前缀是.png 在index.android.js文件中:未显示的Android图像反映本机,android,image,react-native,Android,Image,React Native,我将图像放在drowable-*dpi文件夹中, 不带大写字母的图像名称及其法定名称。 前缀是.png 在index.android.js文件中: import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, Image } from 'react-native'; export defau
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);
import React,{Component}来自'React';
进口{
评估学,
样式表,
文本,
看法
形象
}从“反应本机”;
导出默认类项目扩展组件{
render(){
返回(
);
}
}
const styles=StyleSheet.create({
容器:{
弹性:1,
为内容辩护:“中心”,
对齐项目:“居中”,
背景颜色:“#F5FCFF”,
},
});
AppRegistry.registerComponent('proj',()=>proj);
当我运行此代码->无。。。该图像未显示在我的android设备上
如何解决此问题
谢谢!
目前不支持访问react native中mipmap目录下的图像 在
res
目录下创建一个名为drawable
的目录(mipmap-*的父目录)。把你的图片放到那个目录里。那么你的代码就可以工作了
稍后,根据密度将所有图像移动到相应的目录,如
可绘制hdpi
,可绘制xhdpi
,可绘制xxhdpi
等。目前不支持访问react native中mipmap目录下的图像
在res
目录下创建一个名为drawable
的目录(mipmap-*的父目录)。把你的图片放到那个目录里。那么你的代码就可以工作了
稍后,根据密度将所有图像移动到相应的目录中,如
可绘制hdpi
、可绘制xhdpi
、可绘制xxhdpi
等。如果您遵循上述代码,则应能正常工作。尝试运行“react native run android”。由于您对本机代码进行了更改(如在drawable中添加图像),应用程序重新加载将不起作用。因此,您需要在创建drawable文件夹后重建项目,必须运行react native运行android!谢谢如果您遵循以上代码,那么它应该可以工作。尝试运行“react native run android”。由于您对本机代码进行了更改(如在drawable中添加图像),应用程序重新加载将不起作用。因此,您需要在创建drawable文件夹后重建项目,必须运行react native运行android!Thanksame代码在我的系统中运行良好。你能用“background\u home”图标添加可绘制目录的屏幕截图吗?你看到图片了吗?我添加了它…图像在mipmap*目录中。复制到可绘制目录我找不到可绘制目录,它在哪里?相同的代码在我的系统中运行良好。你能用“background\u home”图标添加可绘制目录的屏幕截图吗?你看到图片了吗?我添加了它…图像在mipmap*目录中。复制到可绘图目录我找不到可绘图目录,它在哪里?