Kaip rašyti platformai specifinį kodą React Native?

Question

Accepted Answer

Nors React Native daugiausia kodo dalina tarp iOS ir Android, kartais jums reikalingas **platformai specifinis** kodas ar stiliai — dėl skirtingų platformų elgesio, dizaino ar galimybių. React Native šiam tikslui siūlo **Platform** modulį ir platformai specifines failo plėtines.

## Platform modulis

```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` patikrina platformą; `Platform.select` pasirenka reikšmes pagal platformą — sąlyginiam elgesiui ir stilyams.

## Platformai specifiniai failai

```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 ir kaip tai naudoti

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

## Kodėl tai svarbu

Supratimas, kaip rašyti platformai specifinį kodą, yra vertingas, nes **netgi kryžplatforminės aplikacijos kartais reikalinga platformai specifini elgesio ar stilyje**, todėl teisingas jos tvarkymas yra naudingas praktinis žinias realių React Native aplikacijų kūrimui.

Nors React Native vertė yra daugumoje kodo dalijimasis tarp iOS ir Android, realios aplikacijos kartais turi **išsiskirti pagal platformą** — dėl platformos dizaino konvencijų (iOS ir Android/Material estetika), platformai specifinių funkcijų ar API, elgesio skirtumų, arba platformai tinkamo naudotojo patirties — ir supratimas, kaip tai valdyti, yra svarbus.

**Platform modulis** (`Platform.OS` platformai patikrinti ir `Platform.select` reikšmėms pagal platformą pasirinkti) tvarkytina mažus skirtumus tiesiogiai — sąlyginiam elgesiui ir stilyams. **Platformai specifiniai failai** (naudojant `.ios.js` ir `.android.js` plėtines, React Native automatiškai pasirenka tinkamą failą) tvarko didesnių skirtumų švariai (atskiros realizacijos, o ne daug sąlygų).

Supratimas, **kada ir kaip tai naudoti**, atspindi gerą sprendimą: platformai specifinio kodo naudojimas **santūriai** (pagal nutylėjimą dalijantis kodu ir išsiskyriant tik tada, kai tikrai reikalinga — išsaugant React Native kryžplatforminės naudos pranašumą), Platform modulio pasirinkimas mažiems skirtumams, o platformai specifiniai failai — dideliems, ir svarbiausia **bandymas abejose platformose** (kadangi funkcija, veikianti vienoje platformoje, gali skirtis arba sugesti kitoje — dažna reali problema).

Šis subalansuotas metodas (dalintis pagal nutylėjimą, išsiskyrimas apgalvotai kai reikalinga, bandymas abejose) atspindi brandžią kryžplatforminę plėtrą.

Kadangi kryžplatforminės aplikacijos kartais jenuinai reikalina platformai specifinio kodo (konvencijoms, funkcijoms ar naudotojo patirčiai) ir jo teisingas valdymas (tinkamos priemonės naudojamos santūriai, su abiejų platformų bandymu) yra svarbus kokybiškomis aplikacijomis, ir kadangi supratimas apie Platform modulį ir platformai specifiniais failais tai leidžia daryti, supratimas, kaip rašyti platformai specifinį kodą React Native, yra vertinga, praktiškai susijusi žinia — naudinga platformos skirtumams, kurie iškyla realiose aplikacijose, tvarkyti, išsaugant kryžplatforminį kodo dalį, kuri daro React Native vertingą, atspindint apgalvotą kryžplatforminę plėtrą.