1
00:00:02,210 --> 00:00:10,440
In seltenen Fällen möchten Sie möglicherweise auch mehr als nur einige Stile und eine Komponente wechseln. Daher

2
00:00:10,580 --> 00:00:16,750
müssen Sie in Ihrer Komponentendatei viele Überprüfungen durchführen und viele Plattformen auswählen.

3
00:00:16,760 --> 00:00:20,370
In solchen Fällen können Sie auch mit mehreren Dateien arbeiten

4
00:00:20,480 --> 00:00:30,110
und einen MainButton erstellen. Android. js-Datei und ein weiterer MainButton. ios. js file und dann React

5
00:00:30,110 --> 00:00:39,050
Native laden automatisch die Android-Komponente hier für Android und iOS für iOS. Wichtig ist jedoch, dass Sie an den Stellen,

6
00:00:39,050 --> 00:00:44,660
an denen Sie Ihre Schaltfläche verwenden, Ihre Importe nicht anpassen sollten.

7
00:00:44,720 --> 00:00:47,320
Hier hat meine IDE dies automatisch angepasst. Sie sollten die Hauptschaltfläche

8
00:00:47,360 --> 00:00:52,550
weiterhin so importieren, als würde die Datei MainButton heißen. js,

9
00:00:52,550 --> 00:01:00,800
nicht importieren von. Android oder. ios, importieren Sie nur über die Hauptschaltfläche. Stellen Sie

10
00:01:00,800 --> 00:01:06,500
daher sicher, dass alle diese Importe behoben sind, da React Native diese automatisch hinter den Kulissen umbenennt und die

11
00:01:06,530 --> 00:01:10,130
richtige Datei basierend auf der Plattform lädt, auf der Sie ausgeführt werden.

12
00:01:10,130 --> 00:01:16,520
Und jetzt kann ich hier meinen Code in die iOS-Datei kopieren und natürlich alle Plattformprüfungen

13
00:01:16,520 --> 00:01:22,610
jetzt loswerden, diese umgebende Ansicht loswerden, die ich nur brauchte, um meinen Ripple-Effekt

14
00:01:22,610 --> 00:01:29,230
abzuschneiden, den ich unter iOS nicht habe. Entfernen Sie die Schaltflächenkomponente und verwenden Sie immer berührbare Deckkraft, da

15
00:01:29,240 --> 00:01:31,180
wir unter iOS dort keinen

16
00:01:31,190 --> 00:01:36,380
Welleneffekt haben. Wir müssen ihn nicht importieren, wir benötigen keine Plattform-API und jetzt haben wir eine Schaltfläche, die

17
00:01:36,470 --> 00:01:40,220
dies tut Schauen und fühlen Sie sich so an, wie es auf iOS

18
00:01:40,220 --> 00:01:45,400
aussehen und sich anfühlen sollte. Wir brauchen diese Klasse auch nicht mehr und auf Android tun wir dasselbe.

19
00:01:45,440 --> 00:01:52,400
Wir brauchen immer noch berührbare Deckkraft, weil wir immer noch die Android-Version überprüfen und berührbare Deckkraft rendern müssen, wenn

20
00:01:52,400 --> 00:01:54,290
sie zu niedrig ist,

21
00:01:54,560 --> 00:02:00,080
aber wir müssen nicht mehr nach Android suchen, da wir dank unserer Dateiende und dem

22
00:02:00,080 --> 00:02:04,330
Rest offensichtlich immer auf Android laufen sollte auch in Ordnung sein.

23
00:02:04,430 --> 00:02:10,660
Jetzt brauchen wir diese Aufteilung in zwei Dateien nicht wirklich, da wir nicht zu viel separate Logik hatten.

24
00:02:10,730 --> 00:02:16,790
Wenn Sie jedoch sehr komplexe Komponenten mit vielen verschiedenen Stilen und Layouts für die verschiedenen Plattformen hatten, teilen

25
00:02:17,090 --> 00:02:21,550
Sie sie in eine Plattform auf. Bestimmte Dateien sind möglicherweise das Beste.

26
00:02:22,630 --> 00:02:27,930
Damit starte ich das tatsächlich neu, um sicherzustellen, dass alle diese Änderungen

27
00:02:28,960 --> 00:02:38,090
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

28
00:02:38,090 --> 00:02:45,080
sicherzustellen, dass sie korrekt und neu geladen werden Sie sollten dann sehen, dass Ihre Anwendung auf beiden

29
00:02:45,080 --> 00:02:53,860
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

30
00:02:54,160 --> 00:03:01,120
iOS, dank unserer separaten Dateien, und Sie können dieses separate Dateisystem verwenden Jede Komponentendatei oder eine Datei

31
00:03:01,240 --> 00:03:08,620
im Allgemeinen, jede Javascript-Datei. Dort, wenn Sie haben. Android und. ios und natürlich müssen diese Namen

32
00:03:08,640 --> 00:03:15,460
korrekt sein ,. Android. js und. ios. js, dann werden diese

33
00:03:15,460 --> 00:03:22,090
Dateien für verschiedene Plattformen geladen, auf denen Ihre App ausgeführt wird. Verwenden Sie dies, wenn Sie viele verschiedene Logik in den

34
00:03:22,090 --> 00:03:27,790
Dateien haben und viele, wenn dort eingecheckt wird, viele Plattformen dort auswählen und Sie daher saubereren

35
00:03:27,790 --> 00:03:30,640
Code haben, indem Sie verschiedene Dateien haben.