जबकि React Native अधिकांश code को iOS और Android में साझा करता है, कभी-कभी आपको platform-specific code या styling की आवश्यकता होती है — विभिन्न platform behaviors, designs, या capabilities के लिए। React Native इसके लिए Platform module और platform-specific file extensions प्रदान करता है।
{ } ;
(. === ) { }
(. === ) { }
styles = {
: . === ? : ,
....({
: { : },
: { : },
}),
};
Platform.OS platform की जाँच करता है; Platform.select per platform मान चुनता है — conditional behavior और styling के लिए।
→ Create separate files per platform using extensions:
Button.ios.js → used on iOS
Button.android.js → used on Android
import Button from './Button' → RN automatically picks the right file per platform
→ Good for substantially different platform implementations (cleaner than lots of if-checks)
✓ Use platform-specific code SPARINGLY — share code by default; diverge only when needed
✓ Common reasons: platform design conventions (iOS vs Material), platform-specific
features/APIs, behavior differences, platform-appropriate UX
✓ Platform module for small differences; .ios/.android files for large differences
✓ Test on BOTH platforms (a feature working on one may differ/break on the other)
platform-specific code लिखना कैसे है, यह समझना मूल्यवान है क्योंकि cross-platform apps को भी कभी-कभी platform-specific behavior या styling की आवश्यकता होती है, इसलिए इसे सही ढंग से संभालना वास्तविक React Native apps के लिए उपयोगी व्यावहारिक ज्ञान है।
जबकि React Native का मूल्य अधिकांश code को iOS और Android में साझा करना है, वास्तविक apps को कभी-कभी प्रति platform भिन्न होने की आवश्यकता होती है — platform design conventions (iOS बनाम Android/Material सौंदर्यशास्त्र), platform-specific features या APIs, behavior अंतर, या platform-appropriate UX के लिए — और इसे संभालना कैसे है, यह समझना महत्वपूर्ण है।
Platform module (platform की जाँच के लिए Platform.OS और per platform मान चुनने के लिए Platform.select) छोटे अंतरों को inline संभालता है — conditional behavior और styling। Platform-specific files (.ios.js और .android.js extensions का उपयोग करते हुए, React Native द्वारा सही file को स्वचालित रूप से चुनना) बड़े अंतरों को साफ-सुथरे ढंग से संभालते हैं (कई conditionals के बजाय अलग implementations)।
इनका उपयोग कब और कैसे करना है यह समझना अच्छे निर्णय को दर्शाता है: platform-specific code का संयम से उपयोग करना (डिफ़ॉल्ट रूप से code साझा करना और केवल वास्तव में आवश्यक होने पर भिन्न होना — React Native के cross-platform लाभ को संरक्षित करना), छोटे अंतरों के लिए Platform module बनाम बड़े के लिए platform-specific files चुनना, और महत्वपूर्ण रूप से दोनों platforms पर परीक्षण करना (क्योंकि एक पर काम करने वाली feature दूसरे पर भिन्न हो सकती है या टूट सकती है — एक आम वास्तविक समस्या)।
यह संतुलित दृष्टिकोण (डिफ़ॉल्ट रूप से साझा करना, आवश्यकता होने पर सोच-समझकर भिन्न होना, दोनों का परीक्षण करना) परिपक्व cross-platform development को दर्शाता है।
चूँकि cross-platform apps को कभी-कभी वैध रूप से platform-specific code की आवश्यकता होती है (conventions, features, या UX के लिए) और इसे अच्छी तरह से संभालना (सही tools का संयम से उपयोग, दोनों-platform परीक्षण के साथ) गुणवत्तापूर्ण apps के लिए महत्वपूर्ण है, और चूँकि Platform module और platform-specific files को समझना इसे सक्षम बनाता है, React Native में platform-specific code लिखना कैसे है, यह समझना मूल्यवान, व्यावहारिक रूप से प्रासंगिक ज्ञान है — वास्तविक apps में उत्पन्न होने वाले platform अंतरों को संभालने के लिए उपयोगी जबकि उस cross-platform code-sharing को संरक्षित करते हुए जो React Native को मूल्यवान बनाता है, सोच-समझकर cross-platform development को दर्शाते हुए।