1 00:00:02,310 --> 00:00:04,600 Ora c'è una cosa che noterai. 2 00:00:05,590 --> 00:00:10,710 Se inserisci un obiettivo qui e qui, userò rapidamente lo stesso obiettivo più e più 3 00:00:10,720 --> 00:00:12,000 volte anche se 4 00:00:12,040 --> 00:00:17,120 questo mi dà un errore ma l'app continuerà a funzionare, quindi ignoriamo l'avvertenza in fondo. 5 00:00:17,140 --> 00:00:22,690 Se sono entrato in questo, abbastanza spesso vedi in un certo momento, supereremo i confini dello schermo 6 00:00:22,720 --> 00:00:25,270 ma per impostazione predefinita, non puoi scorrere e 7 00:00:25,400 --> 00:00:29,800 questo è qualcosa che può essere davvero confuso se inizi con React Native 8 00:00:29,800 --> 00:00:31,890 perché se vieni dal web, lì, 9 00:00:31,930 --> 00:00:38,650 puoi sempre scorrere, il browser per impostazione predefinita rende la tua pagina scorrevole se il tuo contenuto supera i confini 10 00:00:38,650 --> 00:00:40,720 della pagina. Qui, non 11 00:00:40,750 --> 00:00:42,300 è lo stesso, 12 00:00:42,340 --> 00:00:48,500 non si ottiene lo scorrimento solo perché i contenuti vanno oltre i confini dello 13 00:00:48,520 --> 00:00:52,380 schermo, invece i contenuti non sono più raggiungibili. 14 00:00:52,420 --> 00:00:56,530 Ora, ovviamente, questa non è un'opzione, è un'esperienza utente orribile, vogliamo 15 00:00:56,530 --> 00:01:04,330 avere un contenuto scorrevole ma nelle app native, devi essere esplicito sul fatto che questa pagina o parte di questa pagina dovrebbe 16 00:01:04,540 --> 00:01:08,410 essere scorrevole ed è la stessa quindi in React Native. 17 00:01:08,440 --> 00:01:16,060 Quindi qui, ciò che possiamo fare è che possiamo usare un altro componente React Native cotto al forno e questa è la vista 18 00:01:16,060 --> 00:01:20,710 di scorrimento e come suggerisce il nome, questa è una vista che è scorrevole. 19 00:01:20,710 --> 00:01:29,360 Quindi ora possiamo sostituire questa vista qui che contiene le nostre voci di elenco con la vista di scorrimento. Nella vista di scorrimento, hai anche proprietà che ti consentono di 20 00:01:29,370 --> 00:01:31,980 configurarlo, puoi semplicemente posizionare il cursore qui 21 00:01:32,010 --> 00:01:38,020 e premere lo spazio di controllo per avere un'idea di ciò che puoi impostare o controllare 22 00:01:38,020 --> 00:01:39,390 i documenti ufficiali, ad 23 00:01:39,390 --> 00:01:45,150 esempio puoi impostare orizzontale su scorri in orizzontale ma qui, lascerò l'impostazione predefinita che è 24 00:01:45,150 --> 00:01:53,240 lo scorrimento verticale e aggiungendo solo questo, vedrai che ora se aggiungo impara React Native una dozzina di volte qui, quindi lasciami 25 00:01:53,240 --> 00:01:54,430 riempire quella 26 00:01:54,740 --> 00:02:02,420 pagina, ora questo è scorrevole come te posso vedere, ora posso scorrere il mio contenuto e solo la parte che 27 00:02:02,420 --> 00:02:04,760 è racchiusa nella vista di scorrimento. 28 00:02:04,850 --> 00:02:10,850 Avremmo potuto avvolgerlo su tutta la pagina, quindi avremmo potuto sostituire questa vista qui con una vista 29 00:02:10,850 --> 00:02:15,250 di scorrimento o avvolgerla con una vista di scorrimento, in modo che 30 00:02:16,180 --> 00:02:20,770 funzionasse anche, è anche qualcosa che possiamo fare e quindi l'intera pagina è 31 00:02:20,820 --> 00:02:24,020 scorrevole, quindi se ora aggiungo impara React Native qui, 32 00:02:27,950 --> 00:02:33,280 vedrai che ora l'intera pagina scorre, qui su iOS puoi persino scorrere senza elementi, questo 33 00:02:33,280 --> 00:02:40,600 è il comportamento predefinito di iOS ma ovviamente rimbalza sempre ma dipende da te dove aggiungi questo e qui voglio solo 34 00:02:40,600 --> 00:02:46,150 avere una sottosezione dello schermo che è scorrevole, quindi avvolgo solo questa sezione con la vista 35 00:02:46,150 --> 00:02:47,170 di scorrimento, 36 00:02:47,170 --> 00:02:53,290 ma questo è ovviamente un componente super importante per qualsiasi contenuto in cui non puoi garantire che 37 00:02:53,290 --> 00:02:55,040 si adatti al schermo. 38 00:02:55,100 --> 00:02:59,650 Ora, naturalmente, potresti pensare che con tutte queste dimensioni di dispositivo disponibili, non puoi 39 00:03:00,250 --> 00:03:04,810 mai garantirlo, ma ci sono alcuni contenuti, come un input e un pulsante che 40 00:03:04,810 --> 00:03:10,780 sarai sempre in grado di adattare allo schermo e che possono anche essere configurato per ridimensionarsi per adattarsi allo 41 00:03:10,780 --> 00:03:16,000 schermo, mentre ci sono altri contenuti, in genere elenchi di dati come questo qui dove non puoi 42 00:03:16,000 --> 00:03:21,760 garantirlo e dove sai solo dopo 10 o 20 articoli, supererà sicuramente qualsiasi schermo e questo è il contenuto 43 00:03:21,850 --> 00:03:27,770 che si desidera avvolgere in una vista di scorrimento. Altri contenuti come pulsanti di input, testo statico 44 00:03:27,940 --> 00:03:29,040 codificato, quindi 45 00:03:29,140 --> 00:03:35,290 praticamente qualsiasi contenuto in cui sai quanti elementi avrai in anticipo in genere può essere schiacciato su 46 00:03:35,320 --> 00:03:42,340 uno schermo con gli strumenti giusti, vale a dire con flexbox che farà anche durante questo corso, ma per 47 00:03:42,340 --> 00:03:46,360 Contenuti generati dinamicamente come questo, vuoi sicuramente una vista a scorrimento.