Agent Skills
› sediman-agent/OpenSkynet
› Expo UI SwiftUI
Expo UI SwiftUI
GitHub适用于 Expo SDK 55，帮助开发者在应用中集成和使用 SwiftUI 视图及修饰符。提供安装、API 映射、组件导入、Host 包裹规范及 React Native 嵌入 RNHostView 的指导，并支持通过本地模块扩展缺失功能。
Trigger Scenarios
需要在 Expo iOS 项目中集成 SwiftUI 组件
询问 @expo/ui/swift-ui 的安装或使用方法
处理 React Native 与 SwiftUI 视图混合布局问题
查找特定 SwiftUI 修饰符或组件的 Expo UI API
Install
npx skills add sediman-agent/OpenSkynet --skill Expo UI SwiftUI -g -y
SKILL.md
Frontmatter
{
"name": "Expo UI SwiftUI",
"description": "`@expo\/ui\/swift-ui` package lets you use SwiftUI Views and modifiers in your app."
}
The instructions in this skill apply to SDK 55 only. For other SDK versions, refer to the Expo UI SwiftUI docs for that version for the most accurate information.
Installation
npx expo install @expo/ui
A native rebuild is required after installation (npx expo run:ios).
Instructions
- Expo UI's API mirrors SwiftUI's API. Use SwiftUI knowledge to decide which components or modifiers to use.
- Components are imported from
@expo/ui/swift-ui, modifiers from@expo/ui/swift-ui/modifiers. - When about to use a component, fetch its docs to confirm the API - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/{component-name}/index.md
- When unsure about a modifier's API, refer to the docs - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/modifiers/index.md
- Every SwiftUI tree must be wrapped in
Host. RNHostViewis specifically for embedding RN components inside a SwiftUI tree. Example:
import { Host, VStack, RNHostView } from "@expo-ui/swift-ui";
import { Pressable } from "react-native";
<Host matchContents>
<VStack>
<RNHostView matchContents>
// Here, `Pressable` is an RN component so it is wrapped in `RNHostView`.
<Pressable />
</RNHostView>
</VStack>
</Host>;
- If a required modifier or View is missing in Expo UI, it can be extended via a local Expo module. See: https://docs.expo.dev/guides/expo-ui-swift-ui/extending/index.md. Confirm with the user before extending.
Version History
- c9d8953 Current 2026-07-05 19:55
