React Native'de platforma özgü kod nasıl yazılır?

Question

Accepted Answer

React Native, iOS ve Android'de çoğu kodu paylaşsa da, bazen **platforma özgü** kod veya stil yazmanız gerekebilir — farklı platform davranışları, tasarımlar veya yetenekleri için. React Native bunun için **Platform** modülünü ve platforma özgü dosya uzantılarını sağlar.

## Platform modülü

```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` platformu kontrol eder; `Platform.select` platform başına değerleri seçer — koşullu davranış ve stil için.

## Platforma özgü dosyalar

```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)
```

## Ne zaman ve nasıl kullanılır

```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)
```

## Neden önemli

Platforma özgü kod yazmanın nasıl yapılacağını anlamak değerlidir çünkü **çapraz platform uygulamaları bile bazen platforma özgü davranış veya stil gerektirir**, bu nedenle bunu doğru bir şekilde işlemek gerçek React Native uygulamaları için yararlı pratik bilgidir.

React Native'in değeri, iOS ve Android'de çoğu kodu paylaşmak olsa da, gerçek uygulamalar bazen **platform başına farklılaşmak gerekir** — platform tasarım kuralları için (iOS ve Android/Material estetikleri), platforma özgü özellikler veya API'ler, davranış farklılıkları veya platforma uygun UX — ve bunu nasıl işleyeceğinizi anlamak önemlidir.

**Platform modülü** (`platformu kontrol etmek için Platform.OS` ve `platform başına değerleri seçmek için Platform.select`), küçük farklılıkları satır içinde işler — koşullu davranış ve stil. **Platforma özgü dosyalar** (`.ios.js` ve `.android.js` uzantılarını kullanarak, React Native otomatik olarak doğru dosyayı seçerek), büyük farklılıkları temiz bir şekilde işler (birçok koşullu ifade yerine ayrı uygulamalar).

**Bu araçların ne zaman ve nasıl kullanılacağını anlamak** iyi yargıyı yansıtır: platforma özgü kodu **kısmen** kullanmak (varsayılan olarak kod paylaşmak ve gerçekten gerektiğinde farklılaşmak — React Native'in çapraz platform avantajını korumak), küçük farklılıklar için Platform modülünü, büyük olanlar için platforma özgü dosyaları seçmek ve özellikle **her iki platformda test etmek** (bir özellik bir platformda çalışsa da diğerinde farklı davranabilir veya kırılabilir — yaygın gerçek sorun).

Bu dengeli yaklaşım (varsayılan olarak paylaş, gerektiğinde bilinçli bir şekilde farklılaş, her ikisini test et), olgun çapraz platform geliştirmesini yansıtır.

Çapraz platform uygulamaları bazen meşru bir şekilde platforma özgü kod gerektirir (kurallar, özellikler veya UX için) ve bunu iyi işlemek (doğru araçlar kısmen ve her iki platform testi ile), kaliteli uygulamalar için önemlidir ve Platform modülünü ve platforma özgü dosyaları anlamak bunu mümkün kıldığından, React Native'de platforma özgü kod yazmanın nasıl yapılacağını anlamak değerli, pratik olarak ilgili bir bilgidir — gerçek uygulamalarda ortaya çıkan platform farklılıklarını işlerken React Native'i değerli kılan çapraz platform kod paylaşımını koruyarak, düşünceli çapraz platform geliştirmesini yansıtır.