Cominciamo rendendolo di nuovo utilizzabile perché è la cosa più importante.
Ovviamente, la soluzione qui è di renderlo scorrevole perché se possiamo scorrere questa vista, possiamo raggiungere
di nuovo questo pulsante.
Quindi, tornando alla schermata di avvio del gioco, abbiamo di nuovo bisogno della buona vecchia vista di scorrimento che importiamo
da React Native e ora possiamo usarla per avvolgere la nostra vista che circonda il nostro schermo, questo
toccabile senza pulsante di feedback in questo caso, con la vista di scorrimento .
Quindi usiamo la vista di scorrimento per circondare l'intero schermo qui, il nostro intero componente alla
fine e con questo, questo è ora scorrevole. Il vantaggio è che ora siamo la tastiera aperta
su iOS, possiamo scorrere un
po 'ma abbiamo ancora il problema che rimbalza indietro, quindi non è perfetto ma almeno possiamo
raggiungere questo pulsante e ci prenderemo cura sulla tastiera in un secondo e
ora possiamo usare di nuovo l'app perché ora possiamo ricominciare il gioco. Ora sullo schermo del gioco, tra l'altro abbiamo un problema
simile sul piccolo dispositivo Android, abbiamo così poca altezza disponibile che non possiamo
nemmeno vedere il nostro registro, possiamo scorrere ma sì, non
è troppo conveniente e qui su iOS , anche
noi non abbiamo un grosso registro. Quindi, potremmo voler usare un layout totalmente
diverso, per esempio o altro, dovremo
vedere, ma prima di concentrarmi
su questo schermo, c'è anche un'altra cosa. Abbiamo corretto lo scorrimento, va bene ma
abbiamo ancora altri
due problemi nella schermata di avvio del gioco e
se cambio qualcosa, lo cambio indietro solo in modo che questo si riavvii, abbiamo il layout di cui non sono contento
dei pulsanti, anche se ora sembra diverso da prima e torneremo al perché in
un secondo
e sulla tastiera,
questo è il vero problema qui. Quindi cosa possiamo fare al riguardo? Per risolvere quel problema di tastiera,
c'è un altro componente che puoi importare da React Native e che è la tastiera che evita la visualizzazione.
Questa è una vista, un componente che puoi usare per avvolgere il tuo componente, in questo caso all'interno di quella vista
di scorrimento e questo è importante, usalo all'interno della vista di scorrimento e quindi avvolgi
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
stai digitando e per questo
puoi anche configurare la tastiera evitando la vista,
puoi impostare un comportamento lì e che accetta valori diversi e impostare questo per posizionare qui e io ' Tornerò su
diversi comportamenti che puoi impostare e su come differiscono in un secondo.
Con quello aggiunto qui su iOS, ora vedrai che questo scorre un po 'quando apriamo la tastiera software, quando
iniziamo a digitare. Non scorre abbastanza ma
per questo possiamo anche tornare qui e impostare l'offset verticale della tastiera su un numero, ad esempio a 30,
questa è la
quantità di pixel che la fa scorrere verso
l'alto e questa dovrebbe essere l'altezza dell'input in genere o intorno all'altezza del tuo input.
E ora questo lo fa scorrere in modo che possiamo sempre vedere ciò
che è fantastico, ora non sovrappone mai il nostro input qui.
Ora impostarlo sulla posizione del comportamento significa semplicemente che riposiziona l'intero schermo di 30 pixel in pratica, potremmo anche
impostarlo
su padding in modo che un padding venga aggiunto in basso per far scorrere tutto verso l'alto e, ultimo
ma non meno importante, puoi anche cambiare il altezza complessiva dello schermo un po '.
Ora in genere su iOS, funziona meglio se usi la posizione e su Android funziona meglio se usi il
padding e
più avanti in questo modulo, hai imparato come scoprire su quale piattaforma
stai utilizzando, per ora userò posizione qui. Con ciò, abbiamo risolto il problema della tastiera.