Доступ к статическим/локальным изображениям в React Native

Question

В моей папке с исходным проектом React у меня есть файлы src, в которых хранятся компоненты, а также некоторые изображения, которые я хочу использовать как для iOS, так и для Android. Если я использую это:

<Image style={{ width: 200, height: 200 }} source={require('../images/camera.png')} /> 

тогда изображение загружается отлично. Тем не менее, источник в теге изображения будет создан динамически, когда пользователь сделает снимок. Этот код:

<Image style={{ width: 200, height: 200 }} source={{ uri: '../images/camera.png' }} /> 

не работает. Ошибок не было, но изображение не отображается. Я уверен, что я на правильном пути, так как он вернет изображения, сделанные камерой и сохраненные на устройстве, используя тот же код, когда я заменю источник на prop (<Image style={{ width: 200, height: 200 }} source={{ uri: this.props.image }} />), но для статического изображения это не происходит. Предложения?

Answer 1

Для статических изображений, которые необходимо указать, как показано ниже source

source={require('static_image_path_relative_current_directory') 

Только для удаленных и локальных файлов (не статический), нужно указать uri в source как ниже

source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}