expo ui swiftui
`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.
AIexpo
official
Дизайн
Что делает навык
Пакет @expo/ui/swift-ui позволяет использовать компоненты SwiftUI и их модификаторы в приложениях Expo. Он обеспечивает интеграцию нативных SwiftUI-элементов в кроссплатформенную среду, mirroring API оригинального фреймворка.
Когда применять
- Необходимо использовать специфичные для iOS компоненты SwiftUI, такие как NavigationStack или List, внутри проекта Expo.
- Требуется применить стандартные модификаторы SwiftUI (например, для стилизации или анимации) к нативным представлениям.
- Необходимо встроить компоненты React Native внутрь дерева SwiftUI с помощью RNHostView.
- Разработка интерфейса для iOS с использованием декларативного синтаксиса SwiftUI в рамках Expo SDK 55.
Как работает
- Установить пакет командой npx expo install @expo/ui.
- Выполнить нативную пересборку проекта с помощью npx expo run:ios.
- Импортировать компоненты из @expo/ui/swift-ui, а модификаторы — из @expo/ui/swift-ui/modifiers.
- Обернуть каждое дерево SwiftUI в компонент Host.
- При использовании компонентов проверять их API по документации Expo UI для SDK 55.
- Для встраивания React Native компонентов внутрь SwiftUI использовать RNHostView.
Примеры запросов агенту
Как использовать компонент NavigationStack из @expo/ui/swift-ui в проекте Expo SDK 55?
Пример кода для встраивания React Native кнопки внутрь SwiftUI дерева с помощью RNHostView.
Как применить модификаторы из @expo/ui/swift-ui/modifiers к нативному представлению?
Что понадобится
- Expo SDK 55
- Среда разработки iOS (для нативной пересборки)
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «expo-ui-swiftui» из репозитория:
# https://github.com/expo/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r expo-ui-swiftui/ ~/.claude/skills/expo-ui-swiftui/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.