React Native: изображение с использованием проп в качестве источника приводит к ошибке

Question

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

const nameOfComponent = props => {
    return (
        <View style={some style}>
            <Image source={require(props.imageURL)} style={some style} />
        </View>
    )
}

prop imageURL передается от родительского компонента с помощью: <nameOfComponent imageURL="../dir/name.png" />

При включении кода выше в моем проекте меня встречают ошибка «Неверный вызов в строке 15: require (props.imageURL)».

Почему это происходит? Спасибо!

Answer 1

Согласно React-Native, все ваши источники изображений должны быть загружены до компиляции вашего пакета. Поэтому измените свой код следующим образом:

const nameOfComponent = props => (
    <View style={{ some_style }}>
        <Image source={props.imageURL} style={{ some_style }} />
    </View >
)

Назовите свой дочерний компонент следующим образом:

<nameOfComponent imageURL={require('imagepath')} />

Надеюсь, это поможет вам. Не стесняйтесь сомнений.