In seltenen Fällen möchten Sie möglicherweise auch mehr als nur einige Stile und eine Komponente wechseln. Daher
müssen Sie in Ihrer Komponentendatei viele Überprüfungen durchführen und viele Plattformen auswählen.
In solchen Fällen können Sie auch mit mehreren Dateien arbeiten
und einen MainButton erstellen. Android. js-Datei und ein weiterer MainButton. ios. js file und dann React
Native laden automatisch die Android-Komponente hier für Android und iOS für iOS. Wichtig ist jedoch, dass Sie an den Stellen,
an denen Sie Ihre Schaltfläche verwenden, Ihre Importe nicht anpassen sollten.
Hier hat meine IDE dies automatisch angepasst. Sie sollten die Hauptschaltfläche
weiterhin so importieren, als würde die Datei MainButton heißen. js,
nicht importieren von. Android oder. ios, importieren Sie nur über die Hauptschaltfläche. Stellen Sie
daher sicher, dass alle diese Importe behoben sind, da React Native diese automatisch hinter den Kulissen umbenennt und die
richtige Datei basierend auf der Plattform lädt, auf der Sie ausgeführt werden.
Und jetzt kann ich hier meinen Code in die iOS-Datei kopieren und natürlich alle Plattformprüfungen
jetzt loswerden, diese umgebende Ansicht loswerden, die ich nur brauchte, um meinen Ripple-Effekt
abzuschneiden, den ich unter iOS nicht habe. Entfernen Sie die Schaltflächenkomponente und verwenden Sie immer berührbare Deckkraft, da
wir unter iOS dort keinen
Welleneffekt haben. Wir müssen ihn nicht importieren, wir benötigen keine Plattform-API und jetzt haben wir eine Schaltfläche, die
dies tut Schauen und fühlen Sie sich so an, wie es auf iOS
aussehen und sich anfühlen sollte. Wir brauchen diese Klasse auch nicht mehr und auf Android tun wir dasselbe.
Wir brauchen immer noch berührbare Deckkraft, weil wir immer noch die Android-Version überprüfen und berührbare Deckkraft rendern müssen, wenn
sie zu niedrig ist,
aber wir müssen nicht mehr nach Android suchen, da wir dank unserer Dateiende und dem
Rest offensichtlich immer auf Android laufen sollte auch in Ordnung sein.
Jetzt brauchen wir diese Aufteilung in zwei Dateien nicht wirklich, da wir nicht zu viel separate Logik hatten.
Wenn Sie jedoch sehr komplexe Komponenten mit vielen verschiedenen Stilen und Layouts für die verschiedenen Plattformen hatten, teilen
Sie sie in eine Plattform auf. Bestimmte Dateien sind möglicherweise das Beste.
Damit starte ich das tatsächlich neu, um sicherzustellen, dass alle diese Änderungen
korrekt übernommen wurden, und führe dies dann auf Android und iOS aus. Außerdem werden die dort ausgeführten Apps geschlossen und neu gestartet, um
sicherzustellen, dass sie korrekt und neu geladen werden Sie sollten dann sehen, dass Ihre Anwendung auf beiden
Plattformen mit den plattformspezifischen Stilen wieder korrekt ausgeführt wird. Hier also zum Beispiel mit dem Ripple-Effekt auf Android und dem Opazitäts-Effekt unter
iOS, dank unserer separaten Dateien, und Sie können dieses separate Dateisystem verwenden Jede Komponentendatei oder eine Datei
im Allgemeinen, jede Javascript-Datei. Dort, wenn Sie haben. Android und. ios und natürlich müssen diese Namen
korrekt sein ,. Android. js und. ios. js, dann werden diese
Dateien für verschiedene Plattformen geladen, auf denen Ihre App ausgeführt wird. Verwenden Sie dies, wenn Sie viele verschiedene Logik in den
Dateien haben und viele, wenn dort eingecheckt wird, viele Plattformen dort auswählen und Sie daher saubereren
Code haben, indem Sie verschiedene Dateien haben.