Obwohl React Native den meisten Code zwischen iOS und Android gemeinsam nutzt, benötigst du manchmal plattformspezifischen Code oder Styling — für unterschiedliche Plattformverhalten, Designs oder Funktionen. React Native stellt das Platform-Modul und plattformspezifische Dateierweiterungen dafür bereit.
{ } ;
(. === ) { }
(. === ) { }
styles = {
: . === ? : ,
....({
: { : },
: { : },
}),
};
Platform.OS prüft die Plattform; Platform.select wählt Werte pro Plattform — für bedingtes Verhalten und Styling.
→ 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)
Zu verstehen, wie man plattformspezifischen Code schreibt, ist wertvoll, weil selbst plattformübergreifende Apps manchmal plattformspezifisches Verhalten oder Styling benötigen, daher ist der korrekte Umgang damit praktisches Wissen für echte React Native Apps.
Während React Natives Wert darin liegt, den meisten Code über iOS und Android zu teilen, benötigen echte Apps manchmal Abweichungen pro Plattform — für Plattformdesign-Konventionen (iOS vs Android/Material Ästhetik), plattformspezifische Features oder APIs, Verhaltensunterschiede oder plattformgerechte UX — und zu verstehen, wie man damit umgeht, ist wichtig.
Das Platform-Modul (Platform.OS um die Plattform zu prüfen und Platform.select um Werte pro Plattform auszuwählen) behandelt kleine Unterschiede inline — bedingtes Verhalten und Styling. Plattformspezifische Dateien (mit .ios.js und .android.js Erweiterungen, wobei React Native automatisch die richtige Datei auswählt) behandeln größere Unterschiede sauber (separate Implementierungen statt vieler Bedingungen).
Zu verstehen, wann und wie man diese nutzt, zeigt gutes Urteilsvermögen: plattformspezifischen Code sparsam einzusetzen (Code standardmäßig zu teilen und nur abzuweichen, wenn wirklich nötig — um React Natives plattformübergreifenden Vorteil zu bewahren), das Platform-Modul für kleine Unterschiede versus plattformspezifische Dateien für große Unterschiede zu wählen, und entscheidend auf beiden Plattformen zu testen (da eine Funktion auf einer Plattform funktioniert, aber auf der anderen unterschiedlich sein oder fehlschlagen kann — ein häufiges echtes Problem).
Dieser ausgewogene Ansatz (standardmäßig teilen, durchdacht abweichen wenn nötig, beide Plattformen testen) spiegelt reife plattformübergreifende Entwicklung wider.
Da plattformübergreifende Apps manchmal legitimerweise plattformspezifischen Code benötigen (für Konventionen, Features oder UX) und ein guter Umgang damit (die richtigen Werkzeuge sparsam verwendet, mit Tests auf beiden Plattformen) für qualitativ hochwertige Apps wichtig ist, und da das Verständnis des Platform-Moduls und plattformspezifischer Dateien dies ermöglicht, ist das Verständnis, wie man plattformspezifischen Code in React Native schreibt, wertvoll, praktisch relevantes Wissen — nützlich um die Plattformunterschiede zu handhaben, die in echten Apps auftreten, während gleichzeitig das plattformübergreifende Code-Sharing bewahrt wird, das React Native wertvoll macht, und reflektiert durchdachte plattformübergreifende Entwicklung.