El principal problema relacionado con la vista nativa de la reacción del centro de alineación vertical es que puede causar problemas de desplazamiento. Cuando un usuario se desplaza hacia abajo en una página, el contenido en el centro de la pantalla se moverá hacia abajo con él, pero el contenido a los lados de la pantalla permanecerá estacionario. Esto puede ser un problema si desea que los usuarios puedan ver todo su contenido a la vez.
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 hay una forma integrada de alinear verticalmente una vista en React Native. Sin embargo, puede usar la propiedad de estilo "transformar" con el valor "translateY(50%)" para centrar verticalmente una vista.
Texto alineado verticalmente en reaccionar nativo (usando nativebase)
La alineación vertical en el texto está controlada por la propiedad TextAlign. Hay tres valores posibles:
izquierda
centro
Derecho
Texto anidado
En React Native, el texto anidado es una función que le permite crear un campo de texto que puede contener otros campos de texto. Esto es útil si desea crear un formulario que tenga varios campos y desea mantener los campos organizados.
Para usar texto anidado en su aplicación React Native, primero cree un nuevo componente TextField. Luego, agregue el siguiente código al constructor:
este.estado = {};
Esto inicializará el estado del campo de texto para que contenga una cadena vacía. A continuación, agregue el siguiente código al controlador onChange:
this.setState({texto: this.state.text});
Esto actualizará el estado del campo de texto con cualquier valor que esté actualmente en él. Finalmente, agregue un nuevo componente TextField debajo del original y especifique que debe usarse como campo secundario:
