1
00:00:02,210 --> 00:00:10,440
Maintenant, dans de rares cas, vous pouvez également vouloir changer de manière plus que simplement certains styles et un composant et, par

2
00:00:10,580 --> 00:00:16,750
conséquent, dans votre fichier de composant, vous auriez beaucoup de vérifications, beaucoup de sélections de plate-forme.

3
00:00:16,760 --> 00:00:20,370
Dans de tels cas, vous pouvez également travailler avec plusieurs fichiers,

4
00:00:20,480 --> 00:00:30,110
vous pouvez créer un MainButton. Android. fichier js et un autre MainButton. iOS. Le fichier js puis React

5
00:00:30,110 --> 00:00:39,050
Native chargeront automatiquement le composant Android ici pour Android et iOS pour iOS. Cependant, dans les endroits où vous utilisez

6
00:00:39,050 --> 00:00:44,660
votre bouton, vous ne devez pas ajuster vos importations.

7
00:00:44,720 --> 00:00:47,320
Donc, ici, mon IDE a automatiquement ajusté cela, vous devez toujours

8
00:00:47,360 --> 00:00:52,550
importer le bouton principal comme si le fichier s'appellerait MainButton. js, ne

9
00:00:52,550 --> 00:01:00,800
pas importer depuis. android ou. ios, importez à partir du bouton principal uniquement,

10
00:01:00,800 --> 00:01:06,500
assurez-vous donc que toutes ces importations sont fixes car React Native le renommera automatiquement en arrière-plan et chargera

11
00:01:06,530 --> 00:01:10,130
le fichier correct en fonction de la plate-forme sur laquelle vous exécutez.

12
00:01:10,130 --> 00:01:16,520
Et maintenant, ici, je peux copier mon code dans le fichier iOS et, évidemment, se débarrasser de toutes les

13
00:01:16,520 --> 00:01:22,610
vérifications de plate-forme maintenant, se débarrasser de cette vue environnante dont je n'avais besoin que de couper

14
00:01:22,610 --> 00:01:29,230
mon effet d'entraînement que je n'aurai pas sur iOS. Débarrassez-vous du composant bouton et utilisez toujours l'opacité tactile car sur

15
00:01:29,240 --> 00:01:31,180
iOS, nous n'avons pas l'effet

16
00:01:31,190 --> 00:01:36,380
d'entraînement là-bas, nous n'avons pas besoin de l'importer, nous n'avons pas besoin de l'API de la plateforme et

17
00:01:36,470 --> 00:01:40,220
maintenant nous avons un bouton qui regardez et ressentez la façon dont il

18
00:01:40,220 --> 00:01:45,400
devrait ressembler sur iOS, nous n'avons plus besoin de cette classe et sur Android, nous faisons de même.

19
00:01:45,440 --> 00:01:52,400
Nous avons toujours besoin d'une opacité tactile car nous devons toujours vérifier la version Android et rendre l'opacité tactile si elle

20
00:01:52,400 --> 00:01:54,290
est trop faible, mais nous

21
00:01:54,560 --> 00:02:00,080
n'avons plus besoin de vérifier Android car nous fonctionnons évidemment toujours sur Android, grâce à la

22
00:02:00,080 --> 00:02:04,330
fin de notre fichier et le reste donc devrait aussi être bien.

23
00:02:04,430 --> 00:02:10,660
Maintenant, ici, nous n'avons pas vraiment besoin de cette division en deux fichiers parce que nous n'avions pas trop de logique distincte,

24
00:02:10,730 --> 00:02:16,790
mais si vous aviez des composants très complexes avec beaucoup de styles et de mise en page différents pour les différentes plates-formes,

25
00:02:17,090 --> 00:02:21,550
alors divisez-le en une plate-forme- des fichiers spécifiques peuvent être la meilleure chose à faire.

26
00:02:22,630 --> 00:02:27,930
Maintenant, avec cela, je vais redémarrer cela pour m'assurer que toutes ces modifications sont

27
00:02:28,960 --> 00:02:38,090
correctement récupérées, puis l'exécuter sur Android et iOS et également y fermer les applications en cours d'exécution et les redémarrer pour vous assurer qu'elles sont

28
00:02:38,090 --> 00:02:45,080
correctement rechargées et vous devriez alors voir votre application s'exécuter correctement sur les deux plates-formes à nouveau avec les

29
00:02:45,080 --> 00:02:53,860
styles spécifiques à la plate-forme, donc ici avec l'effet d'entraînement sur Android par exemple et l'effet d'opacité sur iOS, grâce à nos fichiers

30
00:02:54,160 --> 00:03:01,120
séparés et vous pouvez utiliser ce système de fichiers séparé sur tout fichier composant ou tout fichier en

31
00:03:01,240 --> 00:03:08,620
général, tout fichier Javascript. Là si vous en avez. android et. ios et bien sûr ces noms

32
00:03:08,640 --> 00:03:15,460
doivent être corrects,. Android. js et. iOS. js, ces fichiers

33
00:03:15,460 --> 00:03:22,090
seront chargés pour différentes plates-formes sur lesquelles votre application s'exécute. Utilisez cela si vous avez beaucoup de logique différente dans les fichiers

34
00:03:22,090 --> 00:03:27,790
et que vous en auriez beaucoup si les vérifications s'y trouvent, beaucoup de plates-formes y sélectionnent et donc vous avez

35
00:03:27,790 --> 00:03:30,640
un code plus propre en ayant des fichiers différents.