Как добавить нативные виджеты iOS в ваше приложение Expo (SwiftUI + Expo для Apple) скачать в хорошем качестве

Как добавить нативные виджеты iOS в ваше приложение Expo (SwiftUI + Expo для Apple)

Хотите создать настоящий нативный iOS-виджет для вашего Expo-приложения с данными в реальном времени и общим состоянием, а не просто статический пользовательский интерфейс? В этом уроке @codewithbeto покажет, как создать виджет для главного экрана iOS-приложения Expo с помощью Expo Apple Targets от Эвана Бэкона и SwiftUI. Мы начнем с простого Expo-приложения, создадим целевой объект виджета с помощью npx create-target, настроим группы приложений и права доступа, а затем подключим виджет к вашему состоянию JavaScript, чтобы он отображал ваши реальные задачи. Вы увидите, как синхронизировать виджет, когда пользователь добавляет, выполняет или удаляет элементы в основном приложении. В этом видео вы узнаете: ♢ Как использовать Expo Apple Targets для создания целевого объекта виджета iOS ♢ Как настроить идентификатор команды, идентификатор пакета, группы приложений и права доступа ♢ Как обмениваться данными между вашим приложением Expo и виджетом с помощью хранилища расширений ♢ Как создать пользовательский интерфейс виджета в SwiftUI и просмотреть его в Xcode ♢ Как обновить виджет, когда приложение переходит в фоновый режим ♢ Как эта настройка работает с EAS, чтобы вы могли продолжать использовать Expo Application Services Этот урок предназначен только для iOS. Для виджетов Android в настоящее время требуется более нативная настройка, поэтому вы можете начать с изучения таких библиотек, как React Native Android Widgets. Если это вам помогло, поставьте лайк, подпишитесь и напишите в комментариях, что вы хотите создать дальше с помощью Expo Apple Targets. Как реализовать виджеты iOS в приложениях Expo: https://expo.dev/blog/how-to-implemen... expo-apple-targets: https://github.com/EvanBacon/expo-app... Исходный код: https://github.com/betomoedano/simple... Пример приложения «Список покупок»: https://github.com/betomoedano/grocer... react-native-android-widget: https://github.com/sAleksovski/react-... ⏱️ Временные метки: 00:00 - Вступление 00:39 - Краткое описание Android 01:37 - Обзор целей Expo Apple 01:50 - Создание виджета 02:56 - Добавление идентификатора команды Apple 03:16 - Создание отладочной сборки 04:43 - Тестирование виджета 05:39 - Внесение изменений в виджет 09:01 - Отображение данных в виджете 12:22 - Размеры виджета 13:00 - Обмен данными между приложением и виджетом 15:17 - Чтение данных приложения из виджета 16:50 - Тестирование виджета с реальными данными 18:14 - Обновление виджета 22:05 - Итоги #expo #reactnativetutorial #reactnative