在ToolbarAndroid中 - 无法从路径中找到图像 - React Native

时间:2018-04-02 08:36:12

标签: react-native

我是反应原生的新手。

我正在尝试在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,
    },
});

错误屏幕截图:

Error SS 1 Error SS 2 Error SS 3

更新

不,我的src文件夹和图片文件夹不在同一级别。

项目结构如下:

-images(folder)/app_logo.png
-src/components/Modules/Home.js
-App.js
-Android
-ios

0 个答案:

没有答案