In questo momento la nostra app è sempre fissa in modalità verticale.
Se ruoti il dispositivo che puoi fare con i tuoi controller di emulatore, qui su Android con questi due pulsanti
qui, puoi ruotarlo, quindi viene ridimensionato qui ma
puoi ruotarlo e su iOS, sul simulatore, puoi usare la parte superiore menu qui per ruotare a sinistra
o a destra o utilizzare le scorciatoie che vedi qui che per impostazione predefinita dovrebbero essere il comando o su
Windows e Linux, controllare e quindi il tasto freccia sinistra e destra.
Quindi, puoi anche ruotarlo, ma quello che vedrai è che lo schermo non ruota e ciò accade perché nelle app expo,
puoi facilmente bloccare l'orientamento del dispositivo nella tua app. file json. In questo file configura la tua
app e torneremo a questo file in questo corso per cambiare cose diverse.
L'unica cosa che ci interessa in questo momento è questa proprietà di orientamento che vedi qui, è impostata su verticale
qui
e ciò significa che questa app può essere utilizzata solo in modalità verticale.
Ora questa è una funzione utile da avere perché alcune app devono davvero essere
bloccate, alcune app non hanno senso in modalità orizzontale e ci sono molte app in circolazione che sono
effettivamente bloccate.
Quindi se hai un'app o sai che funziona solo in modalità verticale, puoi impostarla su
verticale qui per bloccarla.
Puoi anche impostarlo su orizzontale per assicurarti che la tua app possa essere utilizzata solo
in modalità orizzontale, ad esempio alcuni giochi lo richiedono. Puoi anche impostarlo su default e default significa che può
essere ruotato, che entrambi gli orientamenti
sono supportati, quindi usiamolo ora.
Se lo salvi, vedrai che se ora lo ruoti, non cambia ancora, ciò che devi fare è semplicemente
aprire il task manager sul tuo emulatore o dispositivo reale e chiudere l'app una volta, anche
qui su Android.
E con quello chiuso se lo riavvii qui premendo ae i qui in quel terminale in cui npm start è
in esecuzione, riavvierà l'app e ora sarai in grado di ruotare questo qui su iOS e su Android
anche ma lì, tu prima di tutto devi tirare giù dall'alto per aprire questo menu qui e per abilitare la
rotazione facendo clic su questo pulsante. Con esso abilitato, puoi anche ruotare su Android. Ora, ovviamente, vedrai che quando si
ruota, potrebbe rompersi di nuovo, ad esempio qui in Android, non
possiamo davvero raggiungere il pulsante di avvio del gioco e su iOS, è lo stesso. Lì abbiamo anche l'ulteriore problema che la
nostra tastiera virtuale si sovrappone a questo input se lo apriamo.
Ovviamente non è
l'ideale, inoltre non riesco più
a chiuderlo, quindi ora sono praticamente bloccato. Posso chiuderlo qui nel simulatore ma su un dispositivo reale, questo sarebbe
un problema e
non riesco nemmeno a raggiungere il mio pulsante di avvio del gioco qui.
Quindi è qualcosa che devi anche testare quando crei un'app e puoi assicurarti
che funzioni sempre bloccando l'orientamento o come dovremmo farlo ora, assicurandoti che anche questo appaia bene perché in
questo momento, non lo fa
con questi pulsanti e, soprattutto, funziona su tutti gli orientamenti.
Quindi questa è la prossima cosa in cui ci tufferemo.