1
00:00:02,210 --> 00:00:10,440
Agora, em casos raros, você também pode querer mudar muito mais do que apenas alguns estilos e componentes e, portanto,

2
00:00:10,580 --> 00:00:16,750
em seu arquivo de componente, você terá muitas verificações se, muitas opções de plataforma.

3
00:00:16,760 --> 00:00:20,370
Nesses casos, você também pode trabalhar com vários

4
00:00:20,480 --> 00:00:30,110
arquivos, criar um MainButton. android. arquivo js e outro MainButton. ios. O arquivo js e o

5
00:00:30,110 --> 00:00:39,050
React Native carregarão automaticamente o componente Android aqui para Android e iOS para iOS. Importante, porém, nos locais em que

6
00:00:39,050 --> 00:00:44,660
você usa o botão, não deve ajustar suas importações.

7
00:00:44,720 --> 00:00:47,320
Portanto, aqui meu IDE ajustou isso automaticamente, você ainda deve importar

8
00:00:47,360 --> 00:00:52,550
o botão principal como se o arquivo fosse chamado MainButton. js,

9
00:00:52,550 --> 00:01:00,800
não importe de. android ou. ios, importe apenas o botão principal; verifique

10
00:01:00,800 --> 00:01:06,500
se todas essas importações foram corrigidas porque o React Native renomeia automaticamente isso nos bastidores e carrega o

11
00:01:06,530 --> 00:01:10,130
arquivo correto com base na plataforma em que você está executando.

12
00:01:10,130 --> 00:01:16,520
E agora aqui eu posso copiar meu código no arquivo iOS e, obviamente, me livrar de todas

13
00:01:16,520 --> 00:01:22,610
as verificações de plataforma agora, me livrar dessa vista circundante, que eu só precisava cortar

14
00:01:22,610 --> 00:01:29,230
meu efeito cascata que não terei no iOS. Livre-se do componente do botão e use sempre a

15
00:01:29,240 --> 00:01:31,180
opacidade palpável, porque no iOS

16
00:01:31,190 --> 00:01:36,380
não temos o efeito cascata, não precisamos importá-lo, não precisamos da API da plataforma e

17
00:01:36,470 --> 00:01:40,220
agora temos um botão que com a aparência que deveria

18
00:01:40,220 --> 00:01:45,400
ter no iOS, também não precisamos mais dessa classe e no Android, fazemos o mesmo.

19
00:01:45,440 --> 00:01:52,400
Ainda precisamos de opacidade palpável, porque ainda precisamos verificar a versão do Android e tornar a opacidade palpável

20
00:01:52,400 --> 00:01:54,290
se estiver muito baixa,

21
00:01:54,560 --> 00:02:00,080
mas não precisamos mais procurar o Android, porque obviamente sempre rodamos no Android, graças ao

22
00:02:00,080 --> 00:02:04,330
final do arquivo e o restante, portanto, também deve estar bem.

23
00:02:04,430 --> 00:02:10,660
Agora, aqui realmente não precisamos dividir isso em dois arquivos, porque não tínhamos muita lógica separada, mas se

24
00:02:10,730 --> 00:02:16,790
você tivesse componentes muito complexos com muitos estilos e layout diferentes para as diferentes plataformas, divida-os em

25
00:02:17,090 --> 00:02:21,550
uma plataforma - arquivos específicos podem ser a melhor coisa a fazer.

26
00:02:22,630 --> 00:02:27,930
Agora, com isso, na verdade vou reiniciar isso para garantir que todas essas alterações

27
00:02:28,960 --> 00:02:38,090
sejam coletadas corretamente e executá-las no Android e iOS, além de dispensar os aplicativos em execução e reiniciá-los para garantir que eles sejam recarregados

28
00:02:38,090 --> 00:02:45,080
corretamente e você deverá ver seu aplicativo ser executado corretamente nas duas plataformas novamente com os estilos específicos

29
00:02:45,080 --> 00:02:53,860
da plataforma. Portanto, aqui, com o efeito cascata no Android, por exemplo, e o efeito de opacidade no iOS, graças aos nossos arquivos

30
00:02:54,160 --> 00:03:01,120
separados e você pode usar esse sistema de arquivos separado em qualquer arquivo componente ou qualquer arquivo em

31
00:03:01,240 --> 00:03:08,620
geral, qualquer arquivo Javascript. Lá se você tiver. android e. ios e, é claro, esses nomes

32
00:03:08,640 --> 00:03:15,460
devem estar corretos,. android. js e. ios. js, esses arquivos serão

33
00:03:15,460 --> 00:03:22,090
carregados para diferentes plataformas em que seu aplicativo está sendo executado. Use isso se você tiver muitas lógicas diferentes nos

34
00:03:22,090 --> 00:03:27,790
arquivos e tiver várias verificações lá, muitas plataformas forem selecionadas e, portanto, você terá um

35
00:03:27,790 --> 00:03:30,640
código mais limpo por ter arquivos diferentes.