Обработка статических изображений

Обработка статических изображений

Всегда храните свои изображения (.jpg или .png) в одной папке и указывайте их путь (путь к ресурсу), чтобы идентифицировать их по имени и получать к ним доступ из любого места. «Я видел, как большинство людей используют описанный ниже подход. Это неправильный способ сделать.

<Image source={require(‘../assets/images/someX.png’)}
       resizeMethod="contain"
       style={{height:200}} />

Вместо этого сохраните все свои изображения в одном файле .js, как показано ниже. В моем случае я создал файл Images.js.

export default {
    emptyCart: require('../_images/EmptyCart.png'),
    emptySchedule: require('../_images/EmptySchedule.png'),
    emptyMenu: require('../_images/EmptyCart.png'),
};

Как мы можем получить к ним доступ, показано ниже,

import Images from '../_theme/Images';
<Image source={Images.emptyCart}
       resizeMethod="contain"
       style={{height:200}} />

Вы ознакомились с советами и рекомендациями № 1? перейти по этой ссылке