iOS Platform Patterns

Core Principles

Use PlatformIs.ios() for readable platform detection. The utility function is more readable than Platform.OS === 'ios' and provides type safety with consistent API across the codebase.

Always specify edges prop on SafeAreaView. Explicit edges provide granular control over which screen edges receive safe area insets, preventing unwanted padding.

Use Zest shadow tokens for cross-platform shadows. iOS requires shadowColor, shadowOffset, shadowOpacity, and shadowRadius properties. Zest tokens automatically apply correct values for both iOS and Android.

Never hardcode safe area values. Safe area insets vary by device (notched vs non-notched iPhones, iPads). Always use SafeAreaView or useSafeAreaInsets hook for dynamic values.

Why: iOS has unique platform requirements including notch handling, shadow rendering, status bar configuration, and specific UX patterns. Following these standards ensures native iOS user experience while maintaining cross-platform code quality.

When to Use This Skill

Use these patterns when: