How do I install the React Native Platform Specific skill?

Run npx skillmds@latest add hoangnguyen0403/react-native-platform-specific in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is React Native Platform Specific safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with React Native Platform Specific?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is React Native Platform Specific free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published React Native Platform Specific?

HoangNguyen0403 (@hoangnguyen0403) published this skill. Their other Agent Skills are listed on their SkillMD profile.

React Native Platform Specific by hoangnguyen0403

Name: React Native Platform Specific
Rating: 4.2 (5 reviews)
Author: HoangNguyen0403

React Native Platform Specific

Resolve iOS and Android differences using Platform API and native modules in React Native. Use when platform branching or native-module integration is the primary task; defer cross-platform feature implementation such as push notifications.

HoangNguyen0403 Updated Sep 9, 2026 542 repo stars

File contents

React Native Platform-Specific Code

Priority: P1 (HIGH)

Split Platform-Specific Files

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

See native modules reference for platform-specific file naming, Platform.select usage, and native bridge examples.

React Native automatically picks right file:

iOS: Button.ios.tsx then Button.tsx (fallback)
Android: Button.android.tsx then Button.tsx (fallback)

Apply Platform Branching Inline

Use Platform.select or Platform.OS for small differences within shared file.

Integrate 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 significantly.
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.

Frequently asked questions