1
00:00:02,200 --> 00:00:07,450
Agora que você teve uma introdução completa sobre como geralmente trabalha com o React

2
00:00:07,480 --> 00:00:09,120
Native e cria aplicativos

3
00:00:09,170 --> 00:00:10,000
React

4
00:00:10,090 --> 00:00:17,350
Native, é hora de aprofundar um pouco mais e também aprender como podemos criar aplicativos com ótima aparência nas

5
00:00:17,350 --> 00:00:22,510
duas plataformas, iOS e Android e que talvez também tenham a aparência padrão

6
00:00:22,960 --> 00:00:29,690
que você esperaria lá e, é claro, que também tenham uma ótima aparência em dispositivos diferentes, tamanhos diferentes.

7
00:00:29,740 --> 00:00:36,220
É o que chamamos de design responsivo; seu aplicativo deve ser projetado de modo a parecer automaticamente ótimo

8
00:00:36,220 --> 00:00:42,400
em todos os tamanhos de dispositivos possíveis e, portanto, neste módulo, você aprenderá tudo sobre as ferramentas necessárias

9
00:00:42,400 --> 00:00:44,490
para isso. Especificamente, veremos como

10
00:00:44,800 --> 00:00:49,320
você pode descobrir qual o tamanho do dispositivo em que está executando, então,

11
00:00:49,330 --> 00:00:55,180
qual é a largura, a largura da largura, a altura e a orientação e talvez a orientação que

12
00:00:55,210 --> 00:01:01,270
tem você também deseja apresentar um layout diferente para diferentes orientações, para o modo retrato e para o modo

13
00:01:01,270 --> 00:01:06,130
paisagem e, portanto, veremos como você pode ajustar seus estilos e layouts com base

14
00:01:06,130 --> 00:01:11,500
no tamanho e na orientação, pois existem algumas ferramentas diferentes que você obtém com o React

15
00:01:11,500 --> 00:01:11,890
Native.

16
00:01:12,700 --> 00:01:15,220
Agora, os tamanhos são uma coisa,

17
00:01:15,250 --> 00:01:20,670
a outra coisa óbvia que você pode querer cobrir é a plataforma em que está executando.

18
00:01:20,680 --> 00:01:26,170
Você está criando um aplicativo que normalmente deseja distribuir para iOS e Android, porque isso

19
00:01:26,170 --> 00:01:27,880
é legal com o

20
00:01:27,880 --> 00:01:34,120
React Native, você usa Javascript para obter um aplicativo para várias plataformas e, às vezes, precisa ajustar

21
00:01:34,120 --> 00:01:40,870
seu estilo ou layout ou talvez até alguma lógica de negócios baseada na plataforma em que você está executando.

22
00:01:40,900 --> 00:01:47,140
Então, você deseja ter um determinado layout ou uma determinada cor no iOS e pode ter uma cor

23
00:01:47,140 --> 00:01:48,280
diferente no Android. Neste

24
00:01:48,280 --> 00:01:54,130
módulo, você aprenderá como ajustar seu código ou sua interface do usuário em geral com base na

25
00:01:54,130 --> 00:01:54,880
plataforma.

26
00:01:54,880 --> 00:02:00,190
Portanto, esses são os grandes tópicos que abordaremos neste módulo e, para isso, estou de

27
00:02:00,200 --> 00:02:03,620
volta ao aplicativo em que trabalhamos, esse é o aplicativo

28
00:02:03,680 --> 00:02:10,550
que vimos lá, esse questionário básico em que trabalhamos e quero agora passo a passo, verifique se isso fica bem

29
00:02:10,550 --> 00:02:16,130
em diferentes tamanhos de dispositivo, que talvez também aprendamos como mudar o layout com base no espaço

30
00:02:16,130 --> 00:02:22,610
disponível e, é claro, também quero ter certeza de que talvez tenhamos uma aparência diferente com base na plataforma

31
00:02:22,640 --> 00:02:24,200
em que estamos rodando.