Aunque React Native comparte la mayoría del código entre iOS y Android, a veces necesitas código específico de la plataforma o estilos — para diferentes comportamientos, diseños o capacidades de la plataforma. React Native proporciona el módulo Platform y extensiones de archivo específicas de la plataforma para esto.
{ } ;
(. === ) { }
(. === ) { }
styles = {
: . === ? : ,
....({
: { : },
: { : },
}),
};
Platform.OS comprueba la plataforma; Platform.select elige valores por plataforma — para comportamiento condicional y estilos.
→ 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 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)
Entender cómo escribir código específico de la plataforma es valioso porque incluso las aplicaciones multiplataforma a veces necesitan comportamiento o estilos específicos de la plataforma, por lo que manejarlo correctamente es conocimiento práctico útil para aplicaciones reales de React Native.
Aunque el valor de React Native es compartir la mayoría del código entre iOS y Android, las aplicaciones reales a veces necesitan divergir por plataforma — para convenciones de diseño de plataforma (estética de iOS vs Android/Material), características o APIs específicas de la plataforma, diferencias de comportamiento, o UX apropiada para la plataforma — y entender cómo manejar esto es importante.
El módulo Platform (Platform.OS para comprobar la plataforma y Platform.select para elegir valores por plataforma) maneja pequeñas diferencias en línea — comportamiento condicional y estilos. Archivos específicos de la plataforma (usando extensiones .ios.js y .android.js, con React Native seleccionando automáticamente el archivo correcto) manejan diferencias más grandes de manera limpia (implementaciones separadas en lugar de muchos condicionales).
Entender cuándo y cómo usar estos refleja buen criterio: usar código específico de la plataforma con moderación (compartir código por defecto y divergir solo cuando sea genuinamente necesario — preservando el beneficio multiplataforma de React Native), elegir el módulo Platform para pequeñas diferencias versus archivos específicos de la plataforma para grandes diferencias, y crucialmente probar en ambas plataformas (ya que una característica que funciona en una puede diferir o romperse en la otra — un problema real común).
Este enfoque equilibrado (compartir por defecto, divergir cuidadosamente cuando sea necesario, probar ambas) refleja desarrollo multiplataforma maduro.
Como las aplicaciones multiplataforma a veces necesitan legítimamente código específico de la plataforma (para convenciones, características o UX) y manejarlo bien (las herramientas correctas usadas con moderación, con pruebas en ambas plataformas) es importante para aplicaciones de calidad, y como entender el módulo Platform y los archivos específicos de la plataforma lo permite, entender cómo escribir código específico de la plataforma en React Native es conocimiento valioso y prácticamente relevante — útil para manejar las diferencias de plataforma que surgen en aplicaciones reales mientras se preserva el compartir código multiplataforma que hace valiosa React Native, reflejando desarrollo multiplataforma reflexivo.