1 00:00:02,040 --> 00:00:06,860 Cominciamo rendendolo di nuovo utilizzabile perché è la cosa più importante. 2 00:00:06,900 --> 00:00:12,780 Ovviamente, la soluzione qui è di renderlo scorrevole perché se possiamo scorrere questa vista, possiamo raggiungere 3 00:00:12,780 --> 00:00:14,610 di nuovo questo pulsante. 4 00:00:14,610 --> 00:00:20,580 Quindi, tornando alla schermata di avvio del gioco, abbiamo di nuovo bisogno della buona vecchia vista di scorrimento che importiamo 5 00:00:22,970 --> 00:00:28,460 da React Native e ora possiamo usarla per avvolgere la nostra vista che circonda il nostro schermo, questo 6 00:00:29,070 --> 00:00:33,390 toccabile senza pulsante di feedback in questo caso, con la vista di scorrimento . 7 00:00:33,510 --> 00:00:39,330 Quindi usiamo la vista di scorrimento per circondare l'intero schermo qui, il nostro intero componente alla 8 00:00:39,340 --> 00:00:45,600 fine e con questo, questo è ora scorrevole. Il vantaggio è che ora siamo la tastiera aperta 9 00:00:45,610 --> 00:00:47,370 su iOS, possiamo scorrere un 10 00:00:47,560 --> 00:00:52,510 po 'ma abbiamo ancora il problema che rimbalza indietro, quindi non è perfetto ma almeno possiamo 11 00:00:52,510 --> 00:00:56,740 raggiungere questo pulsante e ci prenderemo cura sulla tastiera in un secondo e 12 00:00:56,740 --> 00:01:04,590 ora possiamo usare di nuovo l'app perché ora possiamo ricominciare il gioco. Ora sullo schermo del gioco, tra l'altro abbiamo un problema 13 00:01:04,590 --> 00:01:09,420 simile sul piccolo dispositivo Android, abbiamo così poca altezza disponibile che non possiamo 14 00:01:09,510 --> 00:01:13,380 nemmeno vedere il nostro registro, possiamo scorrere ma sì, non 15 00:01:13,440 --> 00:01:16,890 è troppo conveniente e qui su iOS , anche 16 00:01:16,950 --> 00:01:21,960 noi non abbiamo un grosso registro. Quindi, potremmo voler usare un layout totalmente 17 00:01:21,960 --> 00:01:24,060 diverso, per esempio o altro, dovremo 18 00:01:24,080 --> 00:01:26,160 vedere, ma prima di concentrarmi 19 00:01:26,160 --> 00:01:31,020 su questo schermo, c'è anche un'altra cosa. Abbiamo corretto lo scorrimento, va bene ma 20 00:01:31,020 --> 00:01:32,160 abbiamo ancora altri 21 00:01:32,160 --> 00:01:35,170 due problemi nella schermata di avvio del gioco e 22 00:01:35,220 --> 00:01:42,250 se cambio qualcosa, lo cambio indietro solo in modo che questo si riavvii, abbiamo il layout di cui non sono contento 23 00:01:42,260 --> 00:01:47,120 dei pulsanti, anche se ora sembra diverso da prima e torneremo al perché in 24 00:01:47,120 --> 00:01:48,110 un secondo 25 00:01:48,170 --> 00:01:49,210 e sulla tastiera, 26 00:01:49,220 --> 00:01:55,640 questo è il vero problema qui. Quindi cosa possiamo fare al riguardo? Per risolvere quel problema di tastiera, 27 00:01:55,640 --> 00:02:01,490 c'è un altro componente che puoi importare da React Native e che è la tastiera che evita la visualizzazione. 28 00:02:01,670 --> 00:02:08,750 Questa è una vista, un componente che puoi usare per avvolgere il tuo componente, in questo caso all'interno di quella vista 29 00:02:08,750 --> 00:02:13,760 di scorrimento e questo è importante, usalo all'interno della vista di scorrimento e quindi avvolgi 30 00:02:13,760 --> 00:02:22,470 tutto il tuo touchable senza feedback con esso per assicurarti che il tuo tastiera, la tua tastiera quando si apre non si sovrappone mai all'input che 31 00:02:22,530 --> 00:02:24,720 stai digitando e per questo 32 00:02:24,770 --> 00:02:27,660 puoi anche configurare la tastiera evitando la vista, 33 00:02:27,750 --> 00:02:34,750 puoi impostare un comportamento lì e che accetta valori diversi e impostare questo per posizionare qui e io ' Tornerò su 34 00:02:34,760 --> 00:02:38,880 diversi comportamenti che puoi impostare e su come differiscono in un secondo. 35 00:02:39,260 --> 00:02:47,180 Con quello aggiunto qui su iOS, ora vedrai che questo scorre un po 'quando apriamo la tastiera software, quando 36 00:02:47,210 --> 00:02:50,050 iniziamo a digitare. Non scorre abbastanza ma 37 00:02:50,060 --> 00:02:56,210 per questo possiamo anche tornare qui e impostare l'offset verticale della tastiera su un numero, ad esempio a 30, 38 00:02:56,210 --> 00:02:57,450 questa è la 39 00:02:57,530 --> 00:02:59,860 quantità di pixel che la fa scorrere verso 40 00:02:59,870 --> 00:03:04,660 l'alto e questa dovrebbe essere l'altezza dell'input in genere o intorno all'altezza del tuo input. 41 00:03:04,700 --> 00:03:07,610 E ora questo lo fa scorrere in modo che possiamo sempre vedere ciò 42 00:03:07,610 --> 00:03:10,320 che è fantastico, ora non sovrappone mai il nostro input qui. 43 00:03:10,370 --> 00:03:17,140 Ora impostarlo sulla posizione del comportamento significa semplicemente che riposiziona l'intero schermo di 30 pixel in pratica, potremmo anche 44 00:03:17,140 --> 00:03:17,770 impostarlo 45 00:03:18,090 --> 00:03:24,740 su padding in modo che un padding venga aggiunto in basso per far scorrere tutto verso l'alto e, ultimo 46 00:03:24,740 --> 00:03:30,170 ma non meno importante, puoi anche cambiare il altezza complessiva dello schermo un po '. 47 00:03:30,170 --> 00:03:37,070 Ora in genere su iOS, funziona meglio se usi la posizione e su Android funziona meglio se usi il 48 00:03:37,070 --> 00:03:37,870 padding e 49 00:03:37,880 --> 00:03:42,100 più avanti in questo modulo, hai imparato come scoprire su quale piattaforma 50 00:03:42,140 --> 00:03:47,740 stai utilizzando, per ora userò posizione qui. Con ciò, abbiamo risolto il problema della tastiera.