Does it support Android-specific hardware features?

Yes, the skill includes patterns for the BackHandler API to manage the physical back button and PermissionsAndroid for system-level requests.

Can this skill help with iPhone notches and Android status bars?

Yes, it covers Safe Area handling and status bar configuration to ensure content is displayed correctly across all device form factors.

How does this skill help with platform-specific files?

It provides best practices for using .ios.tsx and .android.tsx file extensions, allowing React Native to automatically bundle the correct implementation for each target OS.

How are UI differences handled between iOS and Android?

It utilizes the Platform.select API and adaptive component patterns to switch between styles and native components like TouchableOpacity or TouchableNativeFeedback.

React Native Platform Integration

Name: React Native Platform Integration
Author: TheBushidoCollective

byTheBushidoCollective

•

Mobile Development

Manages platform-specific implementations for iOS and Android in React Native projects using specialized APIs and patterns.

概要

This skill empowers Claude to efficiently handle cross-platform differences between iOS and Android within React Native environments. It provides structured guidance on using the Platform API, creating platform-specific file extensions (.ios.tsx, .android.tsx), and implementing native-aware UI components. By applying these standardized patterns, developers can ensure their applications provide a native look and feel on both operating systems while maintaining a clean, maintainable codebase for shared logic.

主な機能

39 GitHub stars
Automatic platform detection and conditional styling using Platform.select
Hardware-specific event handling including the Android Back Button
Native UI component adaptation (e.g., Android Ripple vs. iOS Opacity)
Implementation of platform-specific file extensions for clean code separation
Platform-aware status bar, safe area, and keyboard behavior management

ユースケース

Customizing UI styles to align with platform-specific design systems like Human Interface Guidelines and Material Design.
Handling platform-specific native capabilities such as permissions, deep linking, and hardware button events.
Optimizing app layouts for device-specific features like notches, safe areas, and keyboard height differences.

概要

主な機能

39 GitHub stars
Automatic platform detection and conditional styling using Platform.select
Hardware-specific event handling including the Android Back Button
Native UI component adaptation (e.g., Android Ripple vs. iOS Opacity)
Implementation of platform-specific file extensions for clean code separation
Platform-aware status bar, safe area, and keyboard behavior management

ユースケース

Customizing UI styles to align with platform-specific design systems like Human Interface Guidelines and Material Design.
Handling platform-specific native capabilities such as permissions, deep linking, and hardware button events.
Optimizing app layouts for device-specific features like notches, safe areas, and keyboard height differences.