Это первая часть нашей реакции нативного доставки продуктов питания APC UI Clone. Этот учебный сериал был вдохновлен Реагируйте нативную еду доставки шаблона приложения Что обеспечивает удивительный шаблон стартера приложения доставки еды, написанный в реактивном родном со многими вкусными функциями. Следовательно, любой может сделать свое собственное приложение для доставки еды для любого ресторана с этой красивой доставкой еды ресторана. В любом приложении доставки еды должны быть функции меню, заказы на продукты питания, бронирование и т. Д. В этом учебном пособии мы постараемся реплицировать пользовательский интерфейс из шаблона приложения доставки пищи. В этой части мы собираемся реализовать экран Splash в нативном приложении RACT NATION, используя последнюю версию реагирования нативных и обязательных плагинов.
Обзор
В этой части мы собираемся реализовать всплеск экрана, используя новейшую версию реагирования нативных и плагинов. Основные шаги в этом руководстве состоится в XCode, поскольку нам нужно настроить часть iOS приложения для отображения экрана Splash. Идея состоит в том, чтобы добавить необходимые значки экрана всплеска и настроить собственную каталог приложений IOS в XCode. Мы собираемся использовать React – Nature-Splash-экран Пакет в ровной части RACT, а также часть iOS для отображения перехода экрана всплеска. Большая часть работы имеет место в Xcode для настройки экрана всплеска, и только некоторая незначительная часть предназначена для противоречащейся стороны.
Если мы реализуем, уже есть экран всплеска по умолчанию от реагирования нативный проект. Но мы собираемся реализовать наш собственный экран всплеска с нашим собственным значком логотипа для нашего App app app app app abi-клона ui ance. На данный момент мы просто поместили текст на экране всплеска, который отображается в моделирование эмулятора ниже:
Загрузка требуемого логотипа
Для этого учебного пособия у нас есть значок логотипа скутера, который мы собираемся интегрировать в всплеск экрана. Ссылка для скачивания для логотипа приведена ниже:
Скутер Бесплатные векторные иконки, разработанные Freepik
Скачайте этот бесплатный значок в формате SVG, PSD, PNG, EPS или как WebFonts. Flaticon, самая большая база данных бесплатных векторных иконок.
Установка всплеск экрана
Здесь мы собираемся установить React – Nature-Splash-экран пакет в наш проект. Пакет AGENASH-SPRASH-SPRASH-экрана предоставляет нам API экрана всплесками для реагирования, который может программно скрыть и показать всплеск экрана. Этот пакет работает как для iOS, так и для платформ Android. Вся конфигурация для собственной части реагирования, а также в документации предоставляется в документации. Теперь, чтобы установить пакет, нам нужно использовать следующую команду:
>>>yarn add react-native-splash-screen
Теперь нам нужно связать этот пакет, если оно не связано автоматически. Если установка не работает, мы можем проверить документацию для ручной конфигурации.
Теперь нам нужно обновить POD. Для этого нам нужно перейти в папку iOS и запустить следующие команды:
>>>cd ios >>>pod update
Настройка выплеска в Xcode
На этом этапе мы собираемся настроить приложение в XCode, чтобы интегрировать экран Splash. Во-первых, нам нужно открыть наш проект на Xcode, как показано на скриншоте ниже:
Читать далее…
Пост Приложение для доставки пищи UI клон в реакции на родной # 1: Интеграция экрана всплеск появился в первую очередь на Крисс Отказ
Раскрытие
Этот пост включает в себя партнерские ссылки; Я могу получить компенсацию, если вы приобретете продукты или услуги из разных ссылок, представленных в этой статье.