building-native-ui
A guide for building native iOS and Android UIs with Expo Router.
Setup & Installation
What This Skill Does
A guide for building native iOS and Android UIs with Expo Router. Covers navigation patterns, styling rules, native controls, animations, form sheets, tabs, and platform-specific features like SF Symbols and liquid glass effects.
Rather than piecing together scattered Expo and React Native docs, this skill gives opinionated, ready-to-use patterns that reflect current library preferences and avoid deprecated APIs like expo-av, Dimensions.get, and legacy shadow styles.
When to use it
- Structuring tab and stack navigation using NativeTabs and Expo Router file conventions
- Adding context menus and link previews to navigation elements following iOS conventions
- Building form sheets with dynamic detents and transparent liquid glass backgrounds
- Integrating SF Symbols via expo-image and platform-native controls like Switch and DateTimePicker
- Setting up scroll-driven animations and zoom transitions for iOS 18+ navigation flows
Similar Skills
ios-application-dev
A reference guide for building iOS apps with UIKit, SnapKit, and SwiftUI.
fullstack-dev
A workflow guide for building full-stack applications, covering backend architecture, frontend-backend integration, auth, real-time features, and production hardening.
android-native-dev
A reference guide for Android native development covering Kotlin/Compose patterns, Material Design 3 specs, Gradle project setup, and build troubleshooting.
frontend-dev
Builds complete frontend pages by combining UI design, scroll animations, AI-generated media assets, and copywriting into a single workflow.