Expo UI SwiftUI

Integrate native iOS SwiftUI views into Expo SDK 55 projects.

2|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/emilyLi2020/WAVE --skill expo-ui-swiftui-emilyli2020
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Expo UI SwiftUI
Source: https://github.com/emilyLi2020/WAVE/tree/main/.agents/skills/expo-ui-swiftui
Command: npx skills add https://github.com/emilyLi2020/WAVE --skill expo-ui-swiftui-emilyli2020

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill fills the gap for Expo React Native developers who need to use native iOS SwiftUI views and modifiers in their apps, eliminating the need to write custom native bridge code for standard UI components and ensuring native iOS design consistency.

Core Features & Use Cases

  • SwiftUI API Parity: Uses the same API as standard SwiftUI, so developers can apply existing SwiftUI knowledge to build Expo app interfaces.
  • SDK 55 Exclusive: Tailored for Expo SDK 55, with clear guidance to reference version-specific documentation for other SDK releases.
  • Native Rebuild Requirement: Requires a native iOS rebuild after package installation to properly integrate SwiftUI components with the Expo project.
  • Component Integration: Provides pre-built SwiftUI components and modifiers via the @expo/ui/swift-ui package, plus support for embedding React Native components inside SwiftUI trees using RNHostView.
  • Use Case: A developer building an Expo iOS app can use native SwiftUI VStack and text modifiers to match Apple's Human Interface Guidelines without leaving the Expo development ecosystem.

Quick Start

Request the AI to create a native SwiftUI VStack with a text label and an embedded React Native Pressable button using the Expo UI SwiftUI package for your Expo iOS project.

Frequently Asked Questions about Expo UI SwiftUI

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use SwiftUI views in my Expo React Native app?

You can use SwiftUI views in Expo React Native by importing pre-built components from the @expo/ui/swift-ui package. This eliminates the need to write custom native bridge code while ensuring native iOS design consistency.

Can I embed React Native components inside a SwiftUI view hierarchy?

Yes, you can embed React Native components inside SwiftUI view hierarchies using the RNHostView component. All SwiftUI view trees must be wrapped in the mandatory Host component to ensure correct rendering.

Does the @expo/ui/swift-ui package support older Expo SDK versions?

The @expo/ui/swift-ui package is tailored exclusively for Expo SDK 55 iOS projects. If you are using a different SDK release, you should reference the version-specific documentation for compatibility details.

Do I need to rebuild my native iOS app after installing the Expo UI SwiftUI package?

Yes, a native iOS rebuild is required after package installation to properly integrate SwiftUI components with your Expo project. This ensures the native views function correctly within the React Native environment.

What is the best way to match Apple's Human Interface Guidelines in an Expo iOS app?

The best way to match Apple's Human Interface Guidelines in an Expo iOS app is to use native SwiftUI components like VStack and text modifiers from the @expo/ui/swift-ui package. This provides SwiftUI API parity without leaving the Expo ecosystem.

Why does my SwiftUI component not render correctly in Expo?

SwiftUI components may not render correctly if the SwiftUI view trees are not wrapped in the mandatory Host component. Additionally, ensure you have performed a native iOS rebuild after installing the package.