What problem does it solve? Standard React Native components often fall short when you need truly native-feeling UI such as lists with swipe actions, settings forms with toggles, menus, sheets, pickers, and sliders. This Skill guides you through @expo/ui, which renders real SwiftUI on iOS and Jetpack Compose on Android directly from React, so you get platform-native UI without writing native code. ## Core Features & Use Cases - Universal components: One component tree (Host, Column, Row, Button, Text, List, and more) runs unmodified on iOS, Android, and web with a native look and feel, requiring Expo SDK 56+. - Platform-specific layers: Drop down to @expo/ui/swift-ui or @expo/ui/jetpack-compose with modifiers, RNHostView embedding, and useNativeState for synchronous UI-thread state updates when the universal layer is missing something. - Drop-in replacements: Migrate off React Native community libraries like @gorhom/bottom-sheet, datetimepicker, slider, and picker using API-compatible equivalents under @expo/ui/community. - Use Case: You are building a settings screen in an Expo app and want native toggles, grouped lists, and a bottom sheet. Use universal @expo/ui components wrapped in Host, and only split into .ios.tsx/.android.tsx files if you need a platform-specific modifier. ## Quick Start Ask the assistant to build a native-feeling settings screen in your Expo app using @expo/ui universal components wrapped in a Host.
