Configuración del entorno de desarrollo
Cómo aprender React Native en Platzi
Herramientas para trabajar con React Native
Extensiones de VS Code para React Native
Tu primera aplicación con React Native
Instalación y pruebas con el emulador de iOS (solo para macOS)
Instalación y pruebas con el emulador de Android
Pruebas en dispositivos reales
Primeros pasos con React Native
Analizando la estructura del proyecto
Creación de componentes
Propiedades entre componentes: props
Propiedades por defecto: defaultProps
Validación de propiedades: propTypes
React Navigation
Instalando y configurando React Navigation
Stacks de navegación
Tab navigation y SafeAreaView
Drawer navigation y próximos pasos
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 3
Preguntas 1
Hola Devs!
Por aquà les dejo un repo de una app hecha con React Native CLI y TypeScript que lleva la mayorÃa de componentes de este Framework.
En esta app he utilizado custom hooks, componentes, librerÃas de terceros y por supuesto context para el manejo del tema light y dark.
Yo estoy trabajando con android studio y no me funciono el SafeAreaView, lo que pude investigar es que solo funciona el IOS, la solucion que se me ocurrio es colocarle un marginTop a cada vista, pero esto puede generar un problema poque la pantalla de los android son muy distinta entre si, si alguien sabe un mejor metodo se lo agradezco que me lo diga
Si no te sirve el safeArea en android lo que yo hice fue detectar el sistema operativo que esta usando y si usa android agregar un margin top
import { SafeAreaView, Text,StyleSheet,Platform} from 'react-native'
import React from 'react'
export default function SettingScreen() {
return (
<SafeAreaView style={styles.container}>
<Text>SettingScreen</Text>
</SafeAreaView>
)
}
const styles = StyleSheet.create({
container: {
marginTop: Platform.OS === "ios" ? 0 : 20,
}
})
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. RegÃstrate o inicia sesión para participar.