React Native-இல் platform-specific code-ஐ எப்படி எழுதுவது?

Question

Accepted Answer

React Native iOS மற்றும் Android-இல் பெரும்பாலான code-ஐ share செய்கிறது, ஆனால் சில சமயங்களில் நீங்கள் **platform-specific** code அல்லது styling-ஐ தேவைப்படும் — வெவ்வேறு platform behaviors, designs, அல்லது capabilities-க்கு. React Native **Platform** module மற்றும் platform-specific file extensions-ஐ இதற்கு வழங்குகிறது.

## Platform module

```jsx
import { Platform } from 'react-native';

// check the current platform
if (Platform.OS === 'ios') { /* iOS-specific */ }
else if (Platform.OS === 'android') { /* Android-specific */ }

// Platform.select — pick a value per platform
const styles = {
  padding: Platform.OS === 'ios' ? 20 : 16,
  ...Platform.select({
    ios: { fontFamily: 'Helvetica' },
    android: { fontFamily: 'Roboto' },
  }),
};
```

`Platform.OS` platform-ஐ check செய்கிறது; `Platform.select` platform-க்கு per values-ஐ pick செய்கிறது — conditional behavior மற்றும் styling-க்கு.

## Platform-specific files

```text
→ 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 செய்வது

```text
✓ 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 தேவைப்படும்**, எனவே இதை சரியாக கையாள்வது pragmatic real React Native apps-க்கு பயனுள்ள knowledge.

React Native-ன் value iOS மற்றும் Android-இல் பெரும்பாலான code share செய்வது ஆகும், ஆனால் real apps சில சமயங்களில் **per platform diverge செய்ய தேவைப்படும்** — platform design conventions-க்கு (iOS vs Android/Material aesthetics), platform-specific features அல்லது APIs, behavior differences, அல்லது platform-appropriate UX — மற்றும் இதை எப்படி கையாள்வது என்பதை புரிந்துகொள்வது முக்கியம்.

**Platform module** (`Platform.OS` platform-ஐ check செய்ய மற்றும் `Platform.select` per platform values pick செய்ய) சிறிய differences-ஐ inline handle செய்கிறது — conditional behavior மற்றும் styling. **Platform-specific files** (`.ios.js` மற்றும் `.android.js` extensions-ஐ use செய்து, React Native automatically சரியான file-ஐ select செய்து) பெரிய differences-ஐ cleanly handle செய்கிறது (பல conditionals-க்குப் பதிலாக separate implementations).

**எப்போது மற்றும் எப்படி இவற்றை use செய்வது** என்பதை புரிந்துகொள்வது good judgment-ஐ reflect செய்கிறது: platform-specific code-ஐ **sparingly** use செய்வது (default-ஆக code share செய்வது மற்றும் genuinely தேவைப்படும் போது மாத்திரம் diverge செய்வது — React Native-ன் cross-platform benefit-ஐ preserve செய்து), small differences-க்கு Platform module-ஐ choose செய்வது versus large ones-க்கு platform-specific files-ஐ choose செய்வது, மற்றும் crucially **both platforms-இல் test செய்வது** (ஒரு feature ஒரு platform-இல் work செய்யும் போது மற்றொன்றில் differ செய்யலாம் அல்லது break ஆகலாம் — ஒரு common real issue).

இந்த balanced approach (default-ஆக share செய்வது, thoughtfully தேவைப்படும் போது diverge செய்வது, both-platform testing செய்வது) mature cross-platform development-ஐ reflect செய்கிறது.

Cross-platform apps legitimately சில சமயங்களில் platform-specific code தேவைப்படும் (conventions, features, அல்லது UX-க்கு) மற்றும் இதை well handle செய்வது (சரியான tools sparingly use செய்து, both-platform testing உடன்) quality apps-க்கு முக்கியம், மற்றும் Platform module மற்றும் platform-specific files-ஐ புரிந்துகொள்வது இதை enable செய்கிறது, React Native-இல் platform-specific code எழுதுவது எப்படி என்பதை புரிந்துகொள்வது valuable, practically-relevant knowledge ஆகும் — real apps-இல் arise செய்யும் platform differences-ஐ handle செய்வதற்கு பயனுள்ளதாக இருக்கிறது while React Native-ஐ valuable செய்யும் cross-platform code-sharing-ஐ preserve செய்து, thoughtful cross-platform development-ஐ reflect செய்கிறது.