// `@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.
| name | Expo UI SwiftUI |
| description | `@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app. |
The instructions in this skill apply to SDK 55 only. For other SDK versions, refer to the Expo UI SwiftUI docs for that version for the most accurate information.
npx expo install @expo/ui
A native rebuild is required after installation (npx expo run:ios).
@expo/ui/swift-ui, modifiers from @expo/ui/swift-ui/modifiers.Host.RNHostView is specifically for embedding RN components inside a SwiftUI tree. Example:import { Host, VStack, RNHostView } from '@expo-ui/swift-ui'
import { Pressable } from 'react-native'
;<Host matchContents>
<VStack>
<RNHostView matchContents>
// Here, `Pressable` is an RN component so it is wrapped in `RNHostView`.
<Pressable />
</RNHostView>
</VStack>
</Host>
`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.
Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules for Expo.
Guidelines for upgrading Expo SDK versions and fixing dependency issues
Scan for Animated/Reanimated code and migrate to EaseView
Migrates files containing React Native components which use the React Native Gesture Handler 2 API to Gesture Handler 3.
Guidelines for upgrading Expo SDK versions and fixing dependency issues