react-native-platform
CommunityBuild iOS/Android differences the right way.
Software Engineering#permissions#native modules#react native#platform detection#ios android#platform-specific components#safe area handling
Authortruongnat
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the problem of React Native apps behaving inconsistently across iOS and Android by giving you structured patterns for platform-specific behavior without brittle ad-hoc checks.
Core Features & Use Cases
- Platform detection & branching: Use
Platform.OS,Platform.Version, andPlatform.selectto apply correct logic and styling per platform. - Platform-specific files & components: Implement
Component.ios.tsx,Component.android.tsx, and sharedComponent.tsxso React Native automatically resolves the right implementation. - Native-adjacent UI & behavior: Configure platform-specific UI elements (StatusBar, Touchable differences), permissions handling, and Android back button behavior.
- Common cross-platform pitfalls: Handle Safe Areas correctly, avoid styling-only platform checks, and safely check feature support before using platform linking.
Quick Start
Use the react-native-platform skill to restructure your existing component so iOS and Android each use their own implementation files where necessary, while shared logic and adaptive styling stay in the common module.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-native-platform Download link: https://github.com/truongnat/emplus/archive/main.zip#react-native-platform Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.