expo-ui

Render SwiftUI views inside React Native through a Host container.

1|1|Updated Nov 17, 2025
One-click install
npx skills add https://github.com/CaiZongyuan/EfficientCC --skill expo-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-ui
Source: https://github.com/CaiZongyuan/EfficientCC/tree/main/expo-ui
Command: npx skills add https://github.com/CaiZongyuan/EfficientCC --skill expo-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Bridges SwiftUI into React Native by rendering SwiftUI views through a Host container.

Core Features & Use Cases

Expo UI provides a 1-to-1 mapping of SwiftUI primitives to React Native components, enabling native layouts via Host, HStack/VStack, and modifiers, and supports interop with React Native components across iOS, macOS, and tvOS, including v9/v10 features and native tabs integration.

Quick Start

Install the package and wrap SwiftUI views in a Host to render native SwiftUI inside your React Native app.

Frequently Asked Questions about expo-ui

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

FAQPage Schema
How do I render SwiftUI views inside a React Native app?

You can render SwiftUI views inside a React Native app by wrapping them in a Host container, which bridges the native UI components directly into your mobile application layout.

Can I use SwiftUI primitives like HStack and VStack for native layouts in React Native?

Yes, Expo UI provides a 1-to-1 mapping of SwiftUI primitives like HStack and VStack, enabling native layouts and supporting modifiers directly within your React Native components.

Does the SwiftUI interop support components across iOS, macOS, and tvOS?

Yes, the SwiftUI interop supports React Native component integration across iOS, macOS, and tvOS, including native tabs integration and v9/v10 platform features for cross-platform development.

What is the best way to integrate native SwiftUI tabs into an existing React Native project?

The best way to integrate native SwiftUI tabs is by using the Host container and SwiftUI primitives from the Expo UI package to map them directly to your React Native components.

Do I need a specific container to enable SwiftUI and React Native interop?

Yes, you need to wrap your SwiftUI views in a Host container to enable interop with React Native components, allowing native UI rendering within your application.