React Native Platform Specific

React Native Platform-Specific Code

Priority: P1 (OPERATIONAL)

File Extensions

Use .ios. and .android. for platform-specific files:

Button.tsx          # Shared
Button.ios.tsx      # iOS-specific
Button.android.tsx  # Android-specific

React Native automatically picks the right file:

• iOS: Button.ios.tsx → Button.tsx (fallback)
• Android: Button.android.tsx → Button.tsx (fallback)

Native Modules

• Expo: Use Expo modules when available (expo-* packages).
• Bare RN: Use community modules (@react-native-community/*).
• Custom: Write native modules in Swift/Kotlin when needed.

Anti-Patterns

• No Excessive Branching: Extract to separate files if logic diverges.
• No Hardcoded Version Checks: Use feature detection.
• No Ignoring Android: Test on both platforms.

References

See references/native-modules.md for Platform detection examples, Native Bridge (iOS/Android), Expo JSI Modules, and SafeArea handling.