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

Question

В папке проекта React Native у меня есть файлы 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' }} />

не работает. Нет ошибок, но изображение не отображается. Я уверен, что я на правильном пути, так как он будет возвращать изображения, снятые камерой и сохраненные на устройстве с использованием того же кода, когда я заменяю источник подпоркой (<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'}