React native platform specific

Skill ComeOnOliver/skillshub/skills/HoangNguyen0403/agent-skills-standard/react-native-platform-specific

Handling iOS and Android differences with Platform API and native modules. Use when handling platform-specific behavior or integrating native modules in React Native. (triggers: **/*.tsx, **/*.ts, **/*.ios.*, **/*.android.*, Platform, Platform.select, native-module, ios, android)From its SKILL.md

Install

npx -y skills add ComeOnOliver/skillshub --skill react-native-platform-specific

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.3 KB, 242 tokens by cl100k_base, as published. Nobody here has run it

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.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.