No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Tab navigation y SafeAreaView

15/16
Recursos

Aportes 3

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

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.

react-native-components

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,
  }
})