Prezados, boa tarde. Ao inserir o justifyContent = "center" dentro da VStack, o conteúdo da mesma não alinhou como deveria.
<VStack alignItems="center" justifyContent="center" p={5} >
Segue a parte integral do código:
<Image source={Logo} alt='Logo Imagem'/>
<Text fontSize='2xl'
fontWeight='bold'
color='gray.500'
textAlign='center'
mt={5}
>
Faça o login em sua conta
</Text>
<Box>
<FormControl mt={3}>
<FormControl.Label>Email</FormControl.Label>
<Input placeholder='Insira seu endereço de e-mail'
size='lg'
w='100%'
borderRadius='lg'
bgColor='gray.100'
shadow={3}
/>
</FormControl>
<FormControl mt={3}>
<FormControl.Label>Senha</FormControl.Label>
<Input placeholder='Insira sua senha'
size='lg'
w='100%'
borderRadius='lg'
bgColor='gray.100'
shadow={3}
/>
</FormControl>
</Box>
<Button
w="100%"
bg="blue.800"
mt={10}
borderRadius="lg">
Entrar
</Button>
<Link href='www.google.com' mt={5}>
Esuqeceu a senha?
</Link>
<Box w='100%' flexDirection="row" justifyContent="center">
<Text>
Ainda não tem cadastro?
</Text>
<TouchableOpacity>
<Text color='blue.500'>
Faça o seu cadastro
</Text>
</TouchableOpacity>
</Box>
</VStack>