0

Картинки находятся в папке Assets , и согласно документации Expo - https://docs.expo.io/versions/v36.0.0/react-native/images/ Вот так если прописать путь - asset:/app_icon.png - то не работает. Также не работает вот такая запись - @expo/snack-static/assets/1.jpg согласно этой документации https://facebook.github.io/react-native/docs/image Гл если путь картинки указать урлом - тогда картинки отображаются. Пример здесь https://snack.expo.io/@lenadgit/great-cheese-2 (на 35 строке кода - варианты подключения картинок). Работу скрипта можно посмотреть с помощью установленного приложения Expo на телефоне - отсканировать QR код после нажатия кнопки Run http://joxi.ru/zANa0RzIvgwzR2 Картинки появляются когда поворачивать телефон.

1 ответ 1

1
<Image source={require("../assets/images/123.png")} style={{width: 100, height: 100}}/>

В адресе может быть "../" два раза или более, в зависимости от глубины нахождения файла из которого ты ссылаешься на картинку. По этому сперва введи "../ --затем подожди когда интерпритатор сам представит тебе возможные варианты подолжения. ВАЖНО!!! картинки не отобразятся если не указать в стиле к ним ширину и высоту.

10
  • В <Image source> передаеться объект из массива. Можно передать как то так? <Image source={require(src)} style={{width: 100, height: 100}}/> (где src переменная которая берет значение из массива рандомным методом). Но при такой записи - выдает ошибку - src is not defined
    – Lena
    14 янв 2020 в 18:58
  • пример src объекта, с примером строки адреса можно пожалуйста?
    – Ulan4eg
    15 янв 2020 в 9:33
  • картинки находятся в той же папке что и скрипт. Когда ввожу ../ - что-то не подставляет путь интерпретатор joxi.ru/v29XQM3IZWnvnm SRC во View в рендере прописан так <Image style={styles.ImgStyle} source={{ uri: this.state.src }} />
    – Lena
    18 янв 2020 в 11:53
  • если в той же директории, то тогда "./image.png" (одна точка и слэш), либо можно сразу вбивать имя файла "source={require('image.png')}".
    – Ulan4eg
    20 янв 2020 в 4:05
  • но source={{ uri: this.state.src }} и source={require('image.png')} это разные вещи. Если require то путь к картинке которая находится в папке, а если uri: - то картинка о урлу либо передаеться объектом. В моем случае - это объект. Возможно там не в path тогда дело, или если картинка как объект то path там по другому прописывается?
    – Lena
    22 янв 2020 в 13:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.