我是反应原生的新手。
我正在尝试在ToolbarAndroid中显示png图像。
我为图片提供的路径是 ./ images / app_logo.png
我的家庭文件位置是 ./ src / component / Module / Home.js
但它显示的错误如下:
模块' ./ images / app_logo.png'无法找到 '家/ ADMIN1 / MyFirstDemo / SRC /组件/模块/ Home.js'
我已经研究过可能的解决方案,但没有解决我的错误,我也为图像写了正确的路径。那么我做错了什么?
'use strict';
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View,
Alert,
Button,
TextInput,
TouchableOpacity,
ToastAndroid,
ScrollView,
ToolbarAndroid,
Image
} from 'react-native';
export default class Home extends Component<{}> {
static navigationOptions = {
header: null
};
constructor(props) {
super(props)
}
onActionSelected(position) {
if (position === 0) { // index of 'Settings'
this.showSettings();
}
}
showSettings(){
ToastAndroid.show('Setting clicked',ToastAndroid.SHORT);
}
render(){
return (
<View>
<ToolbarAndroid
style = {styles.toolbar}
logo={require('./images/app_logo.png')}
title="RNDApp"
actions={[{ title: 'Settings', icon: require('./images/app_logo.png'), show: 'always' }]}
onActionSelected={this.onActionSelected} />
</View>
);
}
}
const styles = StyleSheet.create({
toolbar : {
backgroundColor: '#2196F3',
height: 56,
},
});
错误屏幕截图:
不,我的src文件夹和图片文件夹不在同一级别。
项目结构如下:
-images(folder)/app_logo.png
-src/components/Modules/Home.js
-App.js
-Android
-ios