Il problema principale relativo al centro di allineamento verticale reagisce alla vista nativa è che può causare problemi di scorrimento. Quando un utente scorre una pagina verso il basso, il contenuto al centro dello schermo si sposterà verso il basso con lui, ma il contenuto ai lati dello schermo rimarrà fermo. Questo può essere un problema se desideri che gli utenti siano in grado di vedere tutti i tuoi contenuti contemporaneamente.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
Non esiste un modo integrato per allineare verticalmente una vista in React Native. Tuttavia, puoi utilizzare la proprietà di stile "transform" con il valore "translateY(50%)" per centrare verticalmente una vista.
Allineamento verticale del testo in reazione nativa (utilizzando nativebase)
L'allineamento verticale nel testo è controllato dalla proprietà TextAlign. Ci sono tre possibili valori:
a sinistra
centro
destra
Testo annidato
In React Native, il testo annidato è una funzionalità che consente di creare un campo di testo che può contenere altri campi di testo. Ciò è utile se si desidera creare un modulo con più campi e si desidera mantenere i campi organizzati.
Per utilizzare il testo annidato nella tua app React Native, crea prima un nuovo componente TextField. Quindi, aggiungi il seguente codice al costruttore:
questo.stato = {};
Questo inizializzerà lo stato del campo di testo in modo che contenga una stringa vuota. Successivamente, aggiungi il seguente codice al gestore onChange:
this.setState({testo: this.state.text});
Questo aggiornerà lo stato del campo di testo con qualunque valore sia attualmente in esso contenuto. Infine, aggiungi un nuovo componente TextField sotto quello originale e specifica che deve essere utilizzato come campo figlio:
