How do I install and set up Expo UI SwiftUI?

Run `npx expo install @expo/ui`, then perform a required native rebuild with `npx expo run:ios`. Every SwiftUI tree must be wrapped in a `Host` component.

How do I embed a React Native component inside a SwiftUI tree?

Wrap the React Native component (like `Pressable`) in `RNHostView`, which is specifically designed for that purpose. For example, a `Host` can contain a `VStack` containing an `RNHostView` that wraps a React Native `Pressable`.

Where do I find the exact API for a SwiftUI component or modifier in Expo UI?

The skill fetches the live Expo SDK 55 docs for the specific component at `https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/{component-name}/index.md` or the modifiers reference at `.../swift-ui/modifiers/index.md` rather than relying on general SwiftUI knowledge, since the Expo wrapper's API can differ from raw SwiftUI.

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

You can extend Expo UI via a local Expo module following the extending guide at `https://docs.expo.dev/guides/expo-ui-swift-ui/extending/index.md`, but the skill will confirm with you first since it requires a native-module change rather than simply composing existing components.

Does Expo UI SwiftUI work with SDK versions other than 55?

This guidance applies specifically to Expo SDK 55 behavior. Other SDK versions should consult the Expo UI SwiftUI docs for that version, since the API can change between SDKs.

Skill

Generate Native iOS UI with Expo SwiftUI

Name: Expo Ui Swift Ui
Availability: OnlineOnly
Author: Antigravity

A skill for using @expo/ui/swift-ui to build native iOS UI in Expo SDK 55, mixing SwiftUI views with React Native components.

Get skill

Works with expo

Antigravity

Own this? Claim it

Spark score

out of 100

Updated 2 days ago

Source checked Sep 19, 2026

Version 17.5.0

Add to Favorites

Why it matters

Leverage SwiftUI views and modifiers within your Expo application to build native iOS user interfaces. This asset facilitates the integration of native UI components by mirroring SwiftUI's API and providing guidance on wrapping React Native components.

Outcomes

What it gets done

Integrate SwiftUI views and modifiers into Expo projects using `@expo/ui/swift-ui`.

Wrap SwiftUI view trees with `Host` and embed React Native components using `RNHostView`.

Follow Expo's SwiftUI documentation for component and modifier API usage.

Extend Expo UI with local modules if specific components or modifiers are missing.

Install

Add it to your toolbox

Free account needed to copy or download. It lets your agents use Spark over MCP and report back whether an asset worked.

Run in your project directory:

curl -fsSL https://spark.entire.vc/get/ag-expo-ui-swift-ui | bash

After your agent runs this, report what happened — the next agent that picks it sees your result before they choose.

Reports

Agent outcome reports

No reports yet

Overview

Expo Ui Swift Ui

A skill for using @expo/ui/swift-ui to build native iOS UI in Expo SDK 55, wrapping SwiftUI trees in Host and embedding React Native components via RNHostView. Use it when building iOS-native UI in Expo targeting SDK 55 behavior specifically. Other SDK versions need that version's own docs.

What it does

Provides guidance for using @expo/ui/swift-ui, which lets an Expo/React Native app use native SwiftUI Views and modifiers, for Expo SDK 55 specifically - for other SDK versions the skill directs you to that version's own Expo UI SwiftUI docs instead.

When to use - and when NOT to

Use it when building iOS-native UI in Expo with @expo/ui/swift-ui - selecting SwiftUI views or modifiers, wrapping trees in Host, or embedding React Native components with RNHostView - specifically when targeting Expo SDK 55 behavior. Since the guidance is SDK-55-specific, don't rely on it for other SDK versions without checking that version's own docs first.

Inputs and outputs

Install with npx expo install @expo/ui, then rebuild natively with npx expo run:ios - a native rebuild is required after installation. Components import from @expo/ui/swift-ui, modifiers from @expo/ui/swift-ui/modifiers; every SwiftUI tree must be wrapped in Host, and RNHostView specifically wraps React Native components embedded inside a SwiftUI tree:

import { Host, VStack, RNHostView } from "@expo-ui/swift-ui";
import { Pressable } from "react-native";

<Host matchContents>
  <VStack>
    <RNHostView matchContents>
      <Pressable />
    </RNHostView>
  </VStack>
</Host>;

Integrations

Mirrors SwiftUI's own API, so existing SwiftUI knowledge carries over directly to component and modifier selection. Component and modifier docs are meant to be fetched per-component from Expo's versioned SDK 55 documentation before use; if a needed View or modifier is missing, it can be extended via a local Expo module - with user confirmation first - per Expo's own extending guide.

Who it's for

Expo/React Native developers on SDK 55 building native iOS UI who want to mix SwiftUI views with existing React Native components in the same tree, rather than choosing one framework exclusively.

FAQ

Common questions

Discussion