Recientemente he estado trabajando con React Native, porque quería probar el desarrollo híbrido, he de confirmar que no quería trabajar con herramientas como Ionic o Phonegap, quería un reto personal, así que decidí aprender de 0 React Native.

Cómo cualquier aplicación, se debe de crear una pantalla de inicio de sesión, así que cree mi mock en Photoshop :

Como mi experiencia en React Native es casi nula, busqué en foros, github, medium y ninguno pudo ayudarme a asignarle el 100% height a mi componente, de hecho en la misma documentación de React Native dice que usemos la opción flex:1, link aquí ; a mi sinceramente no me funcionó, hasta que finalmente encontré la solución en stackoverflow, link aquí , la cual es la opción más acertada, ya que cada dispositivo tiene un height distinto, entonces la tarea se vuelve más complicada, y el siguiente código determina el height del dispositivo y lo asigna, y fue así que encontré la solución a mi problema.

De hecho se ocupa la propiedad de react-native llamada “Dimensions” que nos permitirá obtener el height del dispositivo.

Este es un preview de mi App, aún me hace falta cambiar el estilo a los inputs hahah :

A continuación les comparto mi Gist :

img