Comment écrivez-vous du code spécifique à la plateforme dans React Native ?

Question

Accepted Answer

Bien que React Native partage la plupart du code entre iOS et Android, vous devez parfois écrire du **code spécifique à la plateforme** ou un style spécifique — pour des comportements, des conceptions ou des capacités différentes selon la plateforme. React Native fournit le module **Platform** et des extensions de fichiers spécifiques à la plateforme pour cela.

## Le module Platform

```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` vérifie la plateforme ; `Platform.select` sélectionne les valeurs par plateforme — pour un comportement conditionnel et un style spécifique.

## Fichiers spécifiques à la plateforme

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

## Quand et comment l'utiliser

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

## Pourquoi c'est important

Comprendre comment écrire du code spécifique à la plateforme est précieux parce que **même les applications multiplateforme ont parfois besoin d'un comportement ou d'un style spécifique à la plateforme**, donc bien le gérer est une connaissance pratique utile pour les véritables applications React Native.

Bien que la valeur de React Native soit de partager la plupart du code entre iOS et Android, les véritables applications ont parfois besoin de **diverger par plateforme** — pour les conventions de conception de la plateforme (esthétique iOS vs Android/Material), les fonctionnalités ou API spécifiques à la plateforme, les différences de comportement, ou l'UX appropriée à la plateforme — et comprendre comment gérer cela est important.

Le **module Platform** (`Platform.OS` pour vérifier la plateforme et `Platform.select` pour sélectionner les valeurs par plateforme) gère les petites différences en ligne — comportement conditionnel et style. Les **fichiers spécifiques à la plateforme** (utilisant les extensions `.ios.js` et `.android.js`, avec React Native sélectionnant automatiquement le bon fichier) gèrent les différences plus importantes proprement (implémentations séparées plutôt que de nombreux conditionnels).

Comprendre **quand et comment utiliser ces outils** reflète un bon jugement : utiliser le code spécifique à la plateforme **avec parcimonie** (partager le code par défaut et diverger uniquement quand c'est réellement nécessaire — préserver l'avantage multiplateforme de React Native), choisir le module Platform pour les petites différences par rapport aux fichiers spécifiques à la plateforme pour les différences importantes, et surtout **tester sur les deux plateformes** (puisqu'une fonctionnalité qui fonctionne sur l'une peut différer ou casser sur l'autre — un problème réel courant).

Cette approche équilibrée (partager par défaut, diverger judicieusement quand nécessaire, tester les deux) reflète un développement multiplateforme mature.

Comme les applications multiplateformes ont parfois légitimement besoin de code spécifique à la plateforme (pour les conventions, les fonctionnalités ou l'UX) et le gérer bien (les bons outils utilisés avec parcimonie, avec test sur les deux plateformes) est important pour les applications de qualité, et puisque comprendre le module Platform et les fichiers spécifiques à la plateforme permet cela, comprendre comment écrire du code spécifique à la plateforme dans React Native est une connaissance précieuse et pratiquement pertinente — utile pour gérer les différences de plateforme qui surviennent dans les applications réelles tout en préservant le partage de code multiplateforme qui rend React Native précieux, reflétant un développement multiplateforme réfléchi.