O principal problema relacionado à exibição nativa de reação do centro de alinhamento vertical é que ele pode causar problemas de rolagem. Quando um usuário rola uma página para baixo, o conteúdo no centro da tela se moverá para baixo com ele, mas o conteúdo nas laterais da tela permanecerá estacionário. Isso pode ser um problema se você quiser que os usuários possam ver todo o seu conteúdo de uma só 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.
Não há uma maneira integrada de alinhar verticalmente uma exibição no React Native. No entanto, você pode usar a propriedade de estilo “transform” com o valor “translateY(50%)” para centralizar verticalmente uma visualização.
Alinhamento vertical do texto em reagir nativo (usando o nativebase)
O alinhamento vertical no texto é controlado pela propriedade TextAlign. Existem três valores possíveis:
esquerda
centro
certo
Texto aninhado
No React Native, o texto aninhado é um recurso que permite criar um campo de texto que pode conter outros campos de texto. Isso é útil se você deseja criar um formulário com vários campos e deseja manter os campos organizados.
Para usar texto aninhado em seu aplicativo React Native, primeiro crie um novo componente TextField. Em seguida, adicione o seguinte código ao construtor:
este.estado = {};
Isso inicializará o estado do campo de texto para que contenha uma string vazia. Em seguida, adicione o seguinte código ao manipulador onChange:
this.setState({texto: this.state.text});
Isso atualizará o estado do campo de texto com qualquer valor que esteja nele. Por fim, adicione um novo componente TextField abaixo do original e especifique que ele deve ser usado como campo filho: