AIKraft/Skills/expo ui swiftui

expo ui swiftui

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

expo 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.

Как работает

  1. Установить пакет командой npx expo install @expo/ui.
  2. Выполнить нативную пересборку проекта с помощью npx expo run:ios.
  3. Импортировать компоненты из @expo/ui/swift-ui, а модификаторы — из @expo/ui/swift-ui/modifiers.
  4. Обернуть каждое дерево SwiftUI в компонент Host.
  5. При использовании компонентов проверять их API по документации Expo UI для SDK 55.
  6. Для встраивания 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 и совместимые) подхватывает его по описанию и следует шагам.