Я работаю над проектом, отвечающим за реакцию, и мы помещаем изображения в настоящее время в папку /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')} />
см. приведенную ниже ссылку для получения дополнительных пояснений:
Ответ 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'; ...