Где размещать изображения в проекте, отвечающем за реакцию?

Я работаю над проектом, отвечающим за реакцию, и мы помещаем изображения в настоящее время в папку /images/. Это хороший путь для них? Есть ли лучшая практика?

Ответ 1

Вы можете добавить папку изображений в src (src/image/index.js). Папка с изображениями Добавить файл index.js Создать и добавить изображение всего приложения. В файле index.js указан

export const IMAGENAME = require('./icon.png');

При импорте папки с изображениями

import { IMAGENAME } from '../image';

Использовать изображение:

<Image source={ IMAGENAME } />

Вы можете добавить изображение в папку изображений и указать путь к файлу индекса. Надеюсь, что это поможет вам.

Ответ 2

Чтобы добавить статическое изображение в ваше приложение, поместите его где-нибудь в дерево исходного кода и укажите его так:

<Image source={require('./my-icon.png')} />

см. приведенную ниже ссылку для получения дополнительных пояснений:

https://facebook.github.io/react-native/docs/images.html

Ответ 3

В папке ресурсов изображения создайте файл index.js и поместите следующее:

    const images = {
        main_bg: require('./background.png'),
        main_logo: require('./auth/home_title.png'),
        ///you can add more many images like this here.
    };


module.exports = images;

При использовании изображений вы можете сделать следующее:

импортировать изображения из '../../assets/index'; ...