Модуль не может быть найден в реагировать родной

Question

Я новичок в реакции нативной разработки.У меня есть экран входа в систему на этом экране входа, у меня есть изображение логотипа, для этого я сохранил изображение в папке ресурсов и указал этот путь в коде.Но не удается разрешить модуль.

Почему эта ошибка возникает, не знаю.

Ниже приведен код

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

export default class App extends Component {
  static navigationOptions = {
    title: "Welcome",
    header: null,
  }
  render() {
    // const { navigate } = this.props.navigation
    return (
      <View style={styles.container}>
      <StatusBar
          barStyle="light-content"
          backgroundColor="#003366"
        />
        <Text style={styles.welcome}>SEDC</Text>
        <View style={styles.user}>
          <Image source={require('./resource/ic_userid.png')}/>
          <TextInput placeholder="Acct No/User Id" style={styles.textInput} underlineColorAndroid={'rgb(0,0,0)'}></TextInput>
        </View>
      <TextInput placeholder="Password" style={styles.textInput} underlineColorAndroid={'rgb(0,0,0)'}></TextInput>
      <TouchableOpacity style={styles.btn} onPress={this.login}><Text style={{color: 'white'}}>Log In</Text></TouchableOpacity>
      </View>
    );
  }

  login=()=>{
    // alert("testing......");
    this.props.navigation.navigate('Profile');
}
}

И ниже приведено представление проекта вvisual studio.

Код находится в Login.js, а изображения в папке ресурсов.Но почему ниже грядет ошибка?Это код изображения

<Image source={require('./resource/ic_userid.png')}/>

Но это очень маленький вопрос и дубликат, но я не знаю, почему появляется ошибка.Поэтому, пожалуйста, объясните мне, как это сделать.

Заранее спасибо

Answer 1

Изображение, которое вы нажимаете, находится в неправильном каталоге.Вы ищете в / компонентах каталог ресурсов.

<Image source={require('../../resource/ic_userid.png')}/>

Помните, ./ означает текущий каталог.

Ваш каталог приложений выглядит так:

App.js
  - app
    - components
      - Login

Answer 2

Просто попробуйте это <Image source={require('../../resource/ic_userid.png')}/> вместо использования этого <Image source={require('./resource/ic_userid.png')}/>