Back to Skills

Expo UI SwiftUI

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

1,853stars85forksUpdated 5/6/2026

Security Assessment

Safe(100/100)
Security Score100/100

About Expo UI SwiftUI

The Expo UI SwiftUI skill provides developers with the ability to integrate SwiftUI Views and modifiers into their applications using the `@expo/ui/swift-ui` package. This skill addresses the challenge of utilizing SwiftUI's declarative syntax and powerful UI components within the Expo framework, enabling a seamless development experience for those familiar with SwiftUI. By leveraging this skill, developers can create visually appealing and responsive user interfaces that align with modern design principles while maintaining the performance and flexibility of React Native applications.

Key features of the Expo UI SwiftUI skill include a comprehensive API that mirrors SwiftUI's own, allowing developers to apply their existing SwiftUI knowledge when selecting components and modifiers. The skill also facilitates the integration of React Native components within SwiftUI trees through the use of `RNHostView`, ensuring that developers can mix and match UI elements from both frameworks effectively. Additionally, the skill supports extending functionality through local Expo modules, providing a pathway for developers to customize their applications further when certain components or modifiers are not available out of the box.

This skill is particularly beneficial for developers who are transitioning from native iOS development using SwiftUI to cross-platform development with Expo and React Native. It is ideal for those looking to build applications that require a rich user interface while still taking advantage of the rapid development capabilities offered by Expo. Use cases include mobile applications that demand high-quality UI/UX, as well as projects where developers want to leverage their SwiftUI expertise in a React Native environment.

FAQ

What is the installation process for Expo UI SwiftUI?

You can install it using the command `npx expo install @expo/ui`, followed by a native rebuild with `npx expo run:ios`.

Is Expo UI SwiftUI compatible with SDK versions other than 55?

No, the instructions in this skill specifically apply to SDK 55. For other SDK versions, refer to the corresponding Expo UI SwiftUI documentation.

Can I use React Native components within a SwiftUI tree?

Yes, you can use React Native components by wrapping them in `RNHostView` when embedding them inside a SwiftUI tree.

What should I do if a required modifier or View is missing?

If a required modifier or View is missing, you can extend it via a local Expo module. Make sure to confirm with the user before extending.

Do I need to wrap every SwiftUI tree in a specific component?

Yes, every SwiftUI tree must be wrapped in the `Host` component.

Install Expo UI SwiftUI

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

expo/skills