Kako napišete kod specifičan za platformu u React Nativeu?

Question

Accepted Answer

Dok React Native dijeli većinu koda između iOS-a i Androida, ponekad trebate **kod ili stil specifičan za platformu** — za različito ponašanje platforme, dizajn ili mogućnosti. React Native pruža **Platform** modul i ekstenzije datoteka specifične za platformu za to.

## Platform modul

```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` provjerava platformu; `Platform.select` bira vrijednosti po platformi — za uvjetno ponašanje i stil.

## Datoteke specifične za platformu

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

## Kada i kako ga koristiti

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

## Zašto je važno

Razumijevanje kako napirati kod specifičan za platformu je vrijedno jer **čak i aplikacije za više platformi ponekad trebaju ponašanje ili stil specifičan za platformu**, pa je ispravno rukovanje tim korisno praktično znanje za stvarne React Native aplikacije.

Dok je vrijednost React Nativea dijeljenje većine koda između iOS-a i Androida, stvarne aplikacije ponekad trebaju **razlikovati se po platformi** — za konvencije dizajna specifične za platformu (iOS naspram Android/Material estetike), mogućnosti ili API-je specifične za platformu, razlike u ponašanju ili UX prikladan za platformu — i razumijevanje kako to riješiti je važno.

**Platform modul** (`Platform.OS` za provjeru platforme i `Platform.select` za biranje vrijednosti po platformi) rješava male razlike u kodu — uvjetno ponašanje i stil. **Datoteke specifične za platformu** (koristeći `.ios.js` i `.android.js` ekstenzije, s React Nativeum koji automatski bira ispravnu datoteku) rješavaju veće razlike čisto (odvojene implementacije umjesto mnogih uvjeta).

Razumijevanje **kada i kako koristiti ove mogućnosti** odražava dobar sud: korištenje koda specifičnog za platformu **osjetljivo** (dijeljenje koda kao zadanu opciju i divergencija samo kada je stvarno potrebna — očuvanje prednosti React Nativea za više platformi), odabir Platform modula za male razlike naspram datoteka specifičnih za platformu za velike razlike, i presudno **testiranje na obje platforme** (budući da mogućnost koja radi na jednoj može biti drugačija ili neće raditi na drugoj — česta stvarna problema).

Ovaj uravnoteženi pristup (dijeljenje kao zadanu opciju, divergencija promišljeno kada je potrebna, testiranje oba) odražava zrelu razvoj za više platformi.

Budući da aplikacije za više platformi ponekad legitimno trebaju kod specifičan za platformu (za konvencije, mogućnosti ili UX) i rukovanje njime dobro (ispravni alati korišteni osjetljivo, s testiranjem na obje platforme) je važno za kvalitetne aplikacije, i budući da razumijevanje Platform modula i datoteka specifičnih za platformu omogućava to, razumijevanje kako napirati kod specifičan za platformu u React Nativeu je vrijedno, praktično relevantno znanje — korisno za rukovanje razlikama platforme koje se javljaju u stvarnim aplikacijama dok se čuva dijeljenje koda za više platformi koje čini React Native vrijednim, odražavajući promišljeni razvoj za više platformi.