1
00:00:02,210 --> 00:00:10,440
Ahora, en casos excepcionales, también es posible que desee cambiar mucho más que solo algunos estilos y un componente y, por

2
00:00:10,580 --> 00:00:16,750
lo tanto, en su archivo de componentes, tendría muchas verificaciones, muchas selecciones de plataforma.

3
00:00:16,760 --> 00:00:20,370
En tales casos, también puede trabajar con varios archivos,

4
00:00:20,480 --> 00:00:30,110
puede crear un MainButton. androide. js y otro MainButton. ios. js y luego React Native

5
00:00:30,110 --> 00:00:39,050
cargarán automáticamente el componente de Android aquí para Android e iOS para iOS. Sin embargo, es importante que en los

6
00:00:39,050 --> 00:00:44,660
lugares donde usa su botón no deba ajustar sus importaciones.

7
00:00:44,720 --> 00:00:47,320
Entonces, aquí mi IDE ajustó esto automáticamente, aún debe importar el

8
00:00:47,360 --> 00:00:52,550
botón principal como si el archivo se llamara MainButton. js,

9
00:00:52,550 --> 00:01:00,800
no importes desde. Android o. ios, importe solo desde el botón principal, así que

10
00:01:00,800 --> 00:01:06,500
asegúrese de tener todas estas importaciones arregladas porque React Native cambiará automáticamente el nombre de esto detrás de escena y

11
00:01:06,530 --> 00:01:10,130
cargará el archivo correcto según la plataforma en la que se está ejecutando.

12
00:01:10,130 --> 00:01:16,520
Y ahora aquí puedo copiar mi código en el archivo iOS y, obviamente, deshacerme de todas las

13
00:01:16,520 --> 00:01:22,610
comprobaciones de la plataforma ahora, deshacerme de esta vista circundante que solo necesitaba para recortar

14
00:01:22,610 --> 00:01:29,230
mi efecto dominó que no tendré en iOS. Deshágase del componente del botón y siempre use opacidad

15
00:01:29,240 --> 00:01:31,180
táctil porque en iOS, no

16
00:01:31,190 --> 00:01:36,380
tenemos el efecto dominó allí, no necesitamos importarlo, no necesitamos la API de la plataforma

17
00:01:36,470 --> 00:01:40,220
y ahora tenemos un botón que verse y sentirse como

18
00:01:40,220 --> 00:01:45,400
debería verse en iOS, ya no necesitamos esa clase y en Android, hacemos lo mismo.

19
00:01:45,440 --> 00:01:52,400
Todavía necesitamos opacidad táctil porque todavía necesitamos verificar la versión de Android y renderizar la opacidad táctil si es

20
00:01:52,400 --> 00:01:54,290
demasiado baja, pero ya

21
00:01:54,560 --> 00:02:00,080
no necesitamos verificar Android porque obviamente siempre corremos en Android, gracias a nuestro final de

22
00:02:00,080 --> 00:02:04,330
archivo y el resto por lo tanto También debería estar bien.

23
00:02:04,430 --> 00:02:10,660
Ahora, aquí realmente no necesitamos dividirlo en dos archivos porque no teníamos demasiada lógica separada, pero si tenía

24
00:02:10,730 --> 00:02:16,790
componentes muy complejos con muchos estilos y diseños diferentes para las diferentes plataformas, entonces dividirlo en una

25
00:02:17,090 --> 00:02:21,550
plataforma: archivos específicos pueden ser lo mejor que se puede hacer.

26
00:02:22,630 --> 00:02:27,930
Ahora con eso, reiniciaré eso para asegurarme de que todos estos cambios se recojan correctamente

27
00:02:28,960 --> 00:02:38,090
y luego ejecutaré esto en Android e iOS y también cerraré las aplicaciones en ejecución allí y las reiniciaré para asegurarme de que se vuelvan a

28
00:02:38,090 --> 00:02:45,080
cargar correctamente y entonces debería ver que su aplicación se ejecuta correctamente en ambas plataformas nuevamente con los estilos

29
00:02:45,080 --> 00:02:53,860
específicos de la plataforma, así que aquí con el efecto dominó en Android, por ejemplo, y el efecto de opacidad en iOS, gracias a

30
00:02:54,160 --> 00:03:01,120
nuestros archivos separados y puede usar ese sistema de archivos separado en cualquier archivo componente o cualquier archivo en

31
00:03:01,240 --> 00:03:08,620
general, cualquier archivo Javascript. Ahí si tienes. Android y. ios y, por supuesto, estos nombres

32
00:03:08,640 --> 00:03:15,460
tienen que ser correctos,. androide. js y. ios. js, entonces estos archivos

33
00:03:15,460 --> 00:03:22,090
se cargarán para diferentes plataformas en las que se ejecuta su aplicación. Úselo si tiene mucha lógica diferente en los archivos

34
00:03:22,090 --> 00:03:27,790
y tendría muchos cheques allí, mucha plataforma selecciona allí y, por lo tanto, tiene un

35
00:03:27,790 --> 00:03:30,640
código más limpio al tener diferentes archivos.