React + Expo = первое мобильное приложение

что сделают мобильное приложение для Android или IOS — это будет нативное мобильное приложение то есть предложение сделано изначально для телефона и которое можно пускаться только на вашем телефоне как другие приложения как например калькулятор на его нельзя запустить на сайте его можно запустить только в телефоне оно работает быстро и для телефона адаптировано нам для того чтобы сделать — это мобильное приложение понадобится так называемая Expo Client Export ребята которые с помощью реакции с сделали много инструментов для того чтобы просто за короткое эффективно создавать мобильные приложения и выкладывать их в Google Play или в AppStore.

Вот для этого нам понадобится один единственный раз установить клиент на. Ваш компьютер для этого пишем устал минус GM expo-cli — это делается один-единственный раз то есть не для каждого предложения так как мы написали здесь минус гнать глобальная. Интер ждём парк,.

То экран моего телефона у него ещё сегодня посмотрим допустим в нём вот этот приложение с правом нижнем углу экрана вам нужно установить на свой телефон для того чтобы мы могли разрабатывать мобильные приложения то есть то время пока приложение ещё не Google Play не в AppStore.

Она всего лишь на вашем компьютере и мы вносим много изменений и дополнений постоянной фиксации баги. Вот для этого нам нужен пока, что Expo Client на телефоне как только мы его запутали AppStore там уже не понадобятся никакие просто AppStore его скачаю с Google Play и установим какой-то приложение которое установлено. О'кей после того как эксперимент остановился увидеть вот такой вот экран возможность букета варнинги не обращать на них внимание. Давайте создадим первое предложение для этого. Зайдите в папку с проектом я называется Project. Я создам себе отдельно папку ещё назову её. МКД так Mobile Mobile Apps и внутри этой папке сделала Expo init минусы означает темплейты для начала мы будем использовать пустой template. Я потом покажу ещё один вариант и назовём первое предложение хорста вот тот момент начале устанавливаются файлы приложения — это тоже занимает несколько минут OK приложение установила обходим его и в нём делаем npm Start вот собственно здесь есть подсказки открывается скорее всего окно браузера. Да вот она открывается за так называемого делать туломе в котором должен появиться слева qr-код вот он возвращаемся к тебе телефоне открываем камеру не сканирует QR код Windows 10 периодически этология открывается наш приложение вот здесь идут проценты как она компилируется справа внизу может видеть и вот наш прелат. Здесь всего одна строка никакой функциональности нету. Давайте посмотрим когда трансформировалось открываем атом. Откройте мне приложение WhatsApp стоит Astra который там отображается её сразу же можно поменять сохраняем автоматически перезагружается на телефоне приложение и вот эти цифры появились на экране вот таким образом мы сделали минимальная мобильное приложение в котором есть одна строка с текстом теперь насчёт темплейтов помните мне делали предложение с минус. Т бланк. Давайте попробуем другой вариант вернемся на одну пачку назад почистить экран можно сделать Expo init in Help в. Советске ещё варианты там были минус template Blank или tip127 попробуем. Зая мужчине First and Tips место Blank tapes in tabs. О'кей приложение установилось то же самое делаем сидит абсент инстарт опять же открывается Developer Tool с помощью камеры сканировать qr-код давай пригласи код так сканер у него и открываем в клиенте пока, что можно его открыть. А там пока она грузится может видеть, что оба Blank. Попутчик чем здесь будет вас пока не смущает здесь есть интересная папочка screens который есть три файла Linux settings How можно догадаться, что будет 3 экрана в этом приложении попробуем их. Да вот так выглядит — это мобильное приложение внизу может обратить внимание здесь есть Home Link settings те же самые скрин. Мы стоим здесь. Да по нему можно переходить них уже есть какая-то информация. О'кей например хотим отобразить все вот эти картинки я возьму скопирую ставлю ещё раз смотрим. Что получается картинка там где вот ну как бы — это такие достаточно примитивны манипуляции с картинками здесь скроллится просто здесь с кровью есть, но если мы захотим сделал что-то более серьёзное поинтересней нужно залезть документацию документации лежит на. Догс Холл автоматический 3 latest и вот здесь уже много всякого добра которая конечно перевоплотиться посмотреть анимацию на достаточно просто. Тема с тем как вставить карту в приложении. Давайте попробуем просто выделим всё оставим сохраняем посмотрим, что получается. И вот пожалуйста нашем Home Screen. Я теперь есть карта до скрин с ссылками и с этим я остался таким же как был она карта теперь бонус для тех кто досмотрел до конца есть ещё один инструмент называется снег снег Apple. Заходим в него и видим интересную штуку напоминающую внешние атом. Да здесь тоже есть кот слева есть список файлов причём они составили только самое необходимое. Но самое интересное находится справа здесь настоящий телефон в котором сразу же грузится, а то приложение которое мы здесь пытаемся делать если в нём менять код — это автоматически будет отображаться на телефоне можно сразу же тестировать на Android и на. Айфоне причем интересно особенности том, что эмуляция. Айфона настолько реалистично.

0 комментариев
0

Читайте также