Frontend 3,170 installs

building-native-ui

by expo/skills

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

Skill content

Complete guide for building native Expo apps with routing, styling, components, and platform conventions.

- Covers Expo Router fundamentals, native tabs, stack navigation, modals, and form sheets with detailed route structure conventions

- Includes styling rules aligned with Apple Human Interface Guidelines: flexbox layouts, safe area handling, animations, shadows via CSS boxShadow, and responsive design patterns

- Documents library preferences (expo-image for SF Symbols, expo-audio, expo-video, expo-glass-effect) and anti-patterns to avoid (legacy modules, intrinsic HTML elements, StyleSheet over inline styles)

- Provides reference guides for animations, controls, search, storage, visual effects, WebGPU/3D graphics, and zoom transitions

- Emphasizes testing in Expo Go first before creating custom builds, with clear guidance on when native code is actually required

Expo UI Guidelines

References

Consult these resources as needed: