1
00:00:02,310 --> 00:00:04,600
Agora há uma coisa que você notará.

2
00:00:05,590 --> 00:00:10,710
Se você inserir uma meta aqui e aqui, eu usarei rapidamente a mesma meta várias vezes,

3
00:00:10,720 --> 00:00:12,000
embora isso me

4
00:00:12,040 --> 00:00:17,120
dê um erro, mas o aplicativo continuará funcionando, então vamos ignorar o aviso na parte inferior.

5
00:00:17,140 --> 00:00:22,690
Se eu inseri isso, muitas vezes o suficiente você vê em algum ponto do tempo, vamos ultrapassar os

6
00:00:22,720 --> 00:00:25,270
limites da tela, mas por padrão, você não pode

7
00:00:25,400 --> 00:00:29,800
rolar e isso é algo que pode ser realmente confuso se você está começando

8
00:00:29,800 --> 00:00:31,890
com o React Native porque, se você

9
00:00:31,930 --> 00:00:38,650
estiver vindo da web, poderá rolar sempre, pois o navegador por padrão tornará sua página rolável se o conteúdo exceder os limites

10
00:00:38,650 --> 00:00:40,720
da página. Aqui, não

11
00:00:40,750 --> 00:00:42,300
é a mesma

12
00:00:42,340 --> 00:00:48,500
coisa, você não consegue rolar apenas porque o conteúdo ultrapassa os limites da tela,

13
00:00:48,520 --> 00:00:52,380
em vez disso, seu conteúdo não está mais acessível.

14
00:00:52,420 --> 00:00:56,530
Agora, obviamente, isso não é uma opção, é uma experiência de usuário horrível,

15
00:00:56,530 --> 00:01:04,330
queremos ter um conteúdo rolável, mas em aplicativos nativos, você precisa ser explícito sobre o fato de que essa página ou parte dessa página

16
00:01:04,540 --> 00:01:08,410
deve ser rolável e é a mesma em Reagir Nativa, portanto.

17
00:01:08,440 --> 00:01:16,060
Então, aqui, o que podemos fazer é usar outro componente chamado React Native e essa é a visualização de

18
00:01:16,060 --> 00:01:20,710
rolagem e, como o nome sugere, essa é uma visualização rolável.

19
00:01:20,710 --> 00:01:29,360
Então, agora podemos substituir essa visão aqui que contém os itens da lista com a visualização de rolagem. Na vista de rolagem, você também tem propriedades que permitem configurá-lo,

20
00:01:29,370 --> 00:01:31,980
basta posicionar o cursor aqui e clicar

21
00:01:32,010 --> 00:01:38,020
no controle de espaço para ter uma ideia do que você pode definir ou verificar os

22
00:01:38,020 --> 00:01:39,390
documentos oficiais, por

23
00:01:39,390 --> 00:01:45,150
exemplo rolar horizontalmente, mas aqui, eu vou deixar o padrão que é rolagem vertical e

24
00:01:45,150 --> 00:01:53,240
apenas adicionando isso, você vai ver que agora se eu adicionar aprender Reagir Native uma dúzia de vezes aqui, então deixe-me

25
00:01:53,240 --> 00:01:54,430
preencher essa

26
00:01:54,740 --> 00:02:02,420
página, agora isso é rolável como você pode ver, agora posso rolar o meu conteúdo e apenas a parte que

27
00:02:02,420 --> 00:02:04,760
é envolvida na exibição de rolagem.

28
00:02:04,850 --> 00:02:10,850
Poderíamos tê-lo colocado em volta de toda a página, então poderíamos ter substituído essa visão aqui por uma

29
00:02:10,850 --> 00:02:15,250
visualização de rolagem ou envolvê-la com uma visualização de rolagem, para que também

30
00:02:16,180 --> 00:02:20,770
funcionasse, também é algo que podemos fazer e toda a página Então, se

31
00:02:20,820 --> 00:02:24,020
eu adicionar agora Aprenda Reagir Nativo aqui, você verá

32
00:02:27,950 --> 00:02:33,280
que agora a página inteira rola, aqui no iOS você pode até rolar sem itens, esse

33
00:02:33,280 --> 00:02:40,600
é o comportamento padrão do iOS, mas é claro que tudo volta, mas depende de você adicione isso e aqui eu só

34
00:02:40,600 --> 00:02:46,150
quero ter uma subseção da tela que é rolável, então eu só envolvo esta seção com a

35
00:02:46,150 --> 00:02:47,170
visão de

36
00:02:47,170 --> 00:02:53,290
rolagem, mas este é, naturalmente, um componente super importante para qualquer conteúdo onde você não pode garantir que

37
00:02:53,290 --> 00:02:55,040
ele se encaixa no tela.

38
00:02:55,100 --> 00:02:59,650
Agora, é claro, você pode pensar que com todos esses tamanhos de dispositivos disponíveis, você

39
00:03:00,250 --> 00:03:04,810
nunca pode garantir isso, mas há certas partes de conteúdo, como uma entrada e um

40
00:03:04,810 --> 00:03:10,780
botão que você sempre será capaz de encaixar na tela e que também pode ser configurado para redimensionar-se para caber na

41
00:03:10,780 --> 00:03:16,000
tela, enquanto há outro conteúdo, geralmente listas de dados como este aqui onde você não pode garantir e

42
00:03:16,000 --> 00:03:21,760
onde você sabe apenas após 10 ou 20 itens, ele definitivamente irá exceder qualquer tela e essa é a conteúdo

43
00:03:21,850 --> 00:03:27,770
que você deseja incluir em uma exibição de rolagem. Outros conteúdos, como botões de entrada, texto estático

44
00:03:27,940 --> 00:03:29,040
codificado, basicamente

45
00:03:29,140 --> 00:03:35,290
qualquer conteúdo em que você saiba quantos itens terá com antecedência pode ser espremido em uma

46
00:03:35,320 --> 00:03:42,340
tela com as ferramentas certas, ou seja, com flexbox, que também será feito durante todo esse curso. conteúdo gerado

47
00:03:42,340 --> 00:03:46,360
dinamicamente como este, você definitivamente quer uma exibição de rolagem.