Запуск раскадровки экрана с изображением по центру iOS

К сожалению, ответ @Jhonsore мне не помог.

Вот что я сделал, чтобы заставить его работать:

!Примечание. Это также работает с файлами .xib, которые поставляются с инициализацией React Native.

Добавление файла изображения

1) В разделе image.xcassets щелкните правой кнопкой мыши и выберите Новый набор изображений. Создайте изображение трех разных размеров (@1x, @2x, @3x) и добавьте изображения, перетащив их в слоты для 1x, 2x, 3x. Для 3x я предлагаю размер более 1200 пикселей.

2) Назовите новый набор изображений как-нибудь, например: splash.

Создание стартового экрана

1) Щелкните проект правой кнопкой мыши, выберите Новый файл... и добавьте экран запуска.

2) Выберите свой проект и в разделе Общие->Значки приложений и изображения запуска->Файл экрана запуска выберите только что созданный экран запуска.

3) Откройте экран запуска

4) Выберите Просмотр сцены контроллера->Просмотр контроллера.

5) На правой панели выберите Simulated Metrics->Size и измените его на Page Sheet.

6) На левой панели удалите два текстовых ввода (авторское право и название проекта)

7) Добавьте представление изображений, нажав кнопку, показанную на снимке экрана ниже, и перетащив ее в центр представления.

8) На правой панели с выбранным параметром «Просмотр изображения» выберите Просмотр->Режим содержимого->Соотношение сторон. Также добавьте свое изображение, выбрав **Просмотр изображения->Изображение

10) Перейдите в Инспектор размеров (значок линейки, см. снимок экрана) и выберите ширину и высоту, которые выглядят хорошо (это будет масштабироваться для других размеров экрана).

11) Перетащите изображение в центр экрана, пока не увидите горизонтальную и вертикальную синюю линию.

12) Наконец, в разделе Autoresizing измените окно со стрелками, чтобы оно выглядело как на снимке экрана выше. Все внешние стрелки должны быть отменены, а все внутренние стрелки должны быть выбраны.

Результат

Устранение неполадок. Если ваши изображения не отображаются в симуляторе, попробуйте перезапустить его или выбрать другое устройство.

Авторы изображения автобуса: Элиот Ван Баггенхаут

Я понял!

Вот ссылка с изображениями шагов:

1 - Установить файл запуска на вкладке > Общие

2 - Выберите LaunchScreen.storyboard в навигаторе проекта, установите флажок «Использовать как экран запуска» в инспекторе файлов.

3 - Перетащите ImageView внутрь сцены контроллера представлений.

4 - Выберите ранее добавленный ImageView, измените его ширину и высоту. Я поставил ш х в 200

Сначала установите флажок, а затем измените значение размера

Нажмите кнопку «Добавить 2 ограничения».

5 - С выбранным ImageView измените положение, чтобы централизовать его.

Сначала установите флажок, а затем измените значение размера

Нажмите кнопку «Добавить 2 ограничения».

6 - Почти готово!!!

Теперь давайте решим проблемы с автоматической разметкой, нажмите кнопку «Решить проблемы с автоматической разметкой» и обновите кадры.

7 - Пришло время выбрать наш образ

С выбранным ImageView перейдите на вкладку > Инспектор атрибутов и выберите изображение, которое вы хотите, не забудьте удалить его расширение (это хитрость, потому что изображение может появиться при сборке приложения на реальном устройстве, что случилось со мной !!!).

8 - Итак, CMD+R для сборки и запуска вашего приложения. Вуаля!!!!!

Я решил это с помощью адаптивных настроек

В Инспекторе атрибутов -> Режим содержимого -> Заполнение аспекта

в Инспекторе размеров -> Макет -> Автоматизировать:

Добавьте новое ограничение -> заполните, как показано на изображении ниже, и нажмите «Добавить 5 ограничений».

Единственным обходным решением, которое мне помогло, было добавление изображений вне папки Images.xcassets. После того, как я изменил это и пересобрал приложение, оно заработало, как и ожидалось.

Та же проблема возникает на iOS 14 или XCode 12.

从Images.xcassets中将图片移出到文件外面，可以重新构建应用即可。这个为题chu