Как сослаться на образ запуска в React Native

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

<Image source={{uri: "LaunchImage"}} />

Но я получаю эту ошибку:

Модуль `LaunchImage` не существует в карте модуля Haste`.

Есть идеи?


react-native launchimage
person David Jones    schedule 29.04.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Пожалуйста, включите изображение в папку src вашего проекта и вызовите путь к изображению, используя require(), как это

<Image source={{uri: require('../Images/LaunchImage.png')}} />

здесь LaunchImage.png — имя файла, а «Images» — имя папки.

person HABEEB RAHMAN PT    schedule 29.04.2019
comment
Спасибо. Похоже, это работает, когда я указываю точное изображение: source={require("../ios/ProjectName/Images.xcassets/LaunchImage.launchimage/828x1792.png")}. Нет ли возможности автоматического выбора точного актива, как при ссылке на LaunchImage в Objective-C или Swift? - person David Jones; 29.04.2019

arrow_upward
1
arrow_downward

Попробуйте использовать тег фонового изображения, например

  <ImageBackground source={...} style={{width: '100%', height: '100%'}}>
    <Text>Inside</Text>
  </ImageBackground>
person Malik Hezretov    schedule 29.04.2019
comment
Спасибо, но я получаю ту же ошибку: модуль `LaunchImage` не существует в карте модуля Haste. - person David Jones; 29.04.2019
comment
Я думаю, вам нужно указать правильное местоположение LaunchImage не только LaunchImage, но и источник, например ../../LaunchImage в правильном месте. - person Malik Hezretov; 29.04.2019
comment
Правильное местоположение - это то, что я пытаюсь выяснить. См. это: stackoverflow.com/questions/19410066/ - person David Jones; 29.04.2019
comment
Вы пытались использовать правильный путь, мой находится в: - импортировать заставку из «../Projectname/ios/projectname/Images.xcassets/splashscreen/splashscreen.imageset», который импортируется в index. Поэтому внесите изменения в это при импорте - person G.Kumar; 29.04.2019
comment
@ G.Kumar Я добавил эту строку: import launchImage from "../ios/PackageName/Images.xcassets/LaunchImage.launchimage". Это правильный путь относительно моего компонента. Тем не менее, я все еще получаю модуль не существует. - person David Jones; 29.04.2019