What if a specific SwiftUI component I need is missing?

The skill can guide you through extending Expo UI via a local Expo module, allowing you to bridge custom native SwiftUI views into your project.

Is a native rebuild required after installing the Expo UI package?

Yes, because @expo/ui involves native code, you must run a native build (e.g., npx expo run:ios) after installation to see changes.

Which Expo SDK version is compatible with this skill?

This skill is specifically optimized for Expo SDK 55. For other versions, it is recommended to consult the version-specific Expo documentation.

How do I use SwiftUI modifiers with this skill?

Modifiers should be imported from @expo/ui/swift-ui/modifiers. The skill provides guidance on the correct API mapping from native SwiftUI to JavaScript.

Can I nest React Native components inside SwiftUI views?

Yes, you can use the RNHostView component provided by @expo/ui/swift-ui to embed standard React Native components within your SwiftUI tree.

Expo UI SwiftUI

Name: Expo UI SwiftUI
Author: expo

byexpo

•

1,643

•

Mobile Development

Integrates native SwiftUI views and modifiers directly into Expo applications using a declarative React-like API.

This skill provides specialized guidance for using the @expo/ui/swift-ui package within Expo projects, specifically targeting SDK 55. It enables developers to build high-performance iOS interfaces by mirroring SwiftUI's API, offering precise instructions on component wrapping with the Host component, embedding React Native views via RNHostView, and correctly importing modifiers. It serves as an expert assistant for bridging the gap between native Apple design patterns and cross-platform React Native development, ensuring type-safe and performant UI implementation.

Key Features

01Context-aware documentation fetching for specific SwiftUI components and modifiers

021,643 GitHub stars

03SwiftUI-mirrored API for intuitive native component usage

04Guidance on local Expo module extension for missing SwiftUI views

05Version-specific implementation patterns for Expo SDK 55

06Support for RNHostView to embed React Native components in SwiftUI trees

Use Cases

01Building complex, high-performance native iOS UI components within an Expo app

02Leveraging Apple-specific UI modifiers and layout logic not available in standard React Native

03Integrating existing SwiftUI designs into a React Native project with minimal overhead

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add expo/skills expo-ui-swift-ui

For use in Claude.ai and ChatGPT