Я не могу разместить изображение в React Native - PullRequest
Новая
       18

Я не могу разместить изображение в React Native

0 голосов
/ 29 мая 2019

Я пытаюсь сделать приложение по-своему реагирующим и начинаю, по крайней мере, размещать изображение в качестве экрана при нажатии на приложение.

Проблема в том, что приложение не может найти изображение или файл javascript, который я вызываю.Я попытался изменить расположение файлов, и он, похоже, ничего не делает.

Вот код для файла стартового экрана 

    import React, {Component} from 'react';
import {Image} from 'react-native';

const StartScreen = () => (
    <Image source = {require('./src/assets/images/StartScreen.png')} />
)

export default StartScreen

Вот код для приложения.JS файл 

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import StartScreen from './src/screens/StartScreen'

type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View>
         <StartScreen />
      </View>
    );
  }
}

Я должен получить изображение, но вместо этого мне говорят, что изображение или файл не существует.Файл App.js находится на верхнем уровне папки, а изображение и файл StartScreen.js находятся в папке src.

1 Ответ

0 голосов
/ 29 мая 2019

Похоже, ваша проблема заключается в структуре вашей папки и пути, который вы используете, чтобы требовать вашего изображения.

Из того, что я могу собрать, ваш файл StartScreen.js находится в папке screens (которая находится в src), а ваше изображение находится в папке assets (которая также находится в src).

Итак, в вашем StartScreen компоненте ваш относительный путь к изображению неверен. Посмотрите здесь для объяснения того, как работают относительные пути.

Попробуйте следующее:

<Image source = {require('../assets/images/StartScreen.png')} />

...