Expo UI SwiftUI

Bridge SwiftUI views into Expo React Native apps using @expo/ui.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/yushanwebdev/yumail --skill expo-ui-swiftui-yushanwebdev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Expo UI SwiftUI
Source: https://github.com/yushanwebdev/yumail/tree/main/.opencode/skills/expo-ui-swift-ui
Command: npx skills add https://github.com/yushanwebdev/yumail --skill expo-ui-swiftui-yushanwebdev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bridge SwiftUI Views into Expo React Native apps using the @expo/ui SwiftUI integration.

Core Features & Use Cases

  • Use SwiftUI views and modifiers inside an Expo-based React Native project.
  • Embed SwiftUI components via Host and RNHostView wrappers to mix native UI with React Native.
  • Use case: developers can gradually migrate parts of an app to SwiftUI while maintaining a React Native shell.

Quick Start

Wrap a SwiftUI tree with Host and render it inside your Expo React Native app using the @expo/ui/swift-ui package.

Frequently Asked Questions about Expo UI SwiftUI

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

FAQPage Schema
How do I embed SwiftUI views in a React Native Expo app?

To embed SwiftUI views in an Expo React Native app, use the @expo/ui package to bridge SwiftUI components via Host and RNHostView wrappers, allowing native SwiftUI trees to render inside your React Native UI.

Can I use SwiftUI components with React Native?

Yes, you can use SwiftUI components inside React Native by utilizing the @expo/ui SwiftUI integration, which provides Host and RNHostView wrappers to properly bridge and render native SwiftUI views.

How do I gradually migrate a React Native app to SwiftUI?

You can gradually migrate a React Native app to SwiftUI by wrapping SwiftUI trees in a Host component and embedding them using RNHostView, maintaining your existing React Native shell while replacing parts with native SwiftUI.

What is the best way to mix native SwiftUI and React Native components?

The best way to mix native SwiftUI and React Native components is using the @expo/ui SwiftUI integration, which provides Host wrappers for SwiftUI trees and RNHostView for embedding RN components within the native UI hierarchy.

Does Expo support SwiftUI integration for iOS apps?

Yes, Expo supports SwiftUI integration for iOS apps through the @expo/ui package, enabling developers to wrap SwiftUI views and modifiers inside an Expo-based React Native project using Host and RNHostView bridging patterns.

Do I need the @expo/ui package to use SwiftUI in React Native?

Yes, you need the @expo/ui package to bridge SwiftUI views into Expo React Native apps, as it provides the required Host wrapper and RNHostView components for correct native embedding patterns.