El principal problema relacionat amb la vista nativa de la reacció del centre d'alineació vertical és que pot causar problemes de desplaçament. Quan un usuari es desplaça cap avall per una pàgina, el contingut del centre de la pantalla es mourà cap avall amb ell, però el contingut dels laterals de la pantalla es mantindrà estacionari. Això pot ser un problema si voleu que els usuaris puguin veure tot el vostre contingut alhora.
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.
No hi ha cap manera integrada d'alinear verticalment una vista a React Native. Tanmateix, podeu utilitzar la propietat d'estil "transform" amb el valor "translateY(50%)" per centrar verticalment una vista.
Alineació vertical del text en react native (utilitzant nativebase)
L'alineació vertical del text està controlada per la propietat TextAlign. Hi ha tres valors possibles:
a l'esquerra
Centrar
dret
Text niu
A React Native, el text imbricat és una característica que us permet crear un camp de text que pot contenir altres camps de text. Això és útil si voleu crear un formulari que tingui diversos camps i voleu mantenir els camps organitzats.
Per utilitzar text imbricat a la vostra aplicació React Native, primer creeu un nou component TextField. A continuació, afegiu el codi següent al constructor:
aquest.estat = {};
Això inicialitzarà l'estat del camp de text perquè contingui una cadena buida. A continuació, afegiu el codi següent al controlador onChange:
this.setState({text: this.state.text});
Això actualitzarà l'estat del camp de text amb el valor que hi hagi actualment. Finalment, afegiu un nou component TextField a sota del vostre original i especifiqueu que s'ha d'utilitzar com a camp fill:
