Как импортировать изображение, присутствующее в другой папке, в свою очередь? - PullRequest
Новая
       26

Как импортировать изображение, присутствующее в другой папке, в свою очередь?

0 голосов
/ 09 ноября 2019

Структура проекта моего приложения: - 

root
|-assets
    |-icons
       |-heart.png

|-components
    |-basic
        |-like.js

То, чего я пытаюсь добиться, это импортировать изображение heart.png в like.js, которое содержит следующий код: - 

import React,{ Component } from 'react';
import{ View, Text, AppRegistry } from 'react-native';
class Example extends Component {
  render ()
   {
    return(
    <Image src= {require('./assets/icons/heart.png')} />    
    );
 }}

export default Example;

Выдает следующую ошибку: - 

ENOENT: no such file or directory, scandir 'C:\Users\gagan\sapora\android\sapora\components\basic\assets\icons'

1 Ответ

0 голосов
/ 09 ноября 2019

используйте source вместо src

render ()
   {
    return(
    <Image source = {require('../assets/icons/heart.png')} />    
    );
 }

см. Здесь https://facebook.github.io/react-native/docs/image

...