No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripción 🔥

Aprende todo un fin de semana sin pagar una suscripción 🔥

Regístrate

Comienza en:

3D
19H
26M
27S

Añadiendo StyleSheet a la lista

11/17
Recursos

Aportes 4

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Para darle valores diferente dependiendo del sistema operativo donde se ejecute

import { Platform } from 'react-native';

Lo usamos en los estilos de la siguiente manera

marginBottom: Platform.OS === "android" ? 80 : 60,

Para arreglar el problema de que la app se “mete” debajo de la barra de notificaciones de Android, pueden usar el siguiente componente que se llama igual que el que se usa en IOS pero viene de una distinto paquete:

import { SafeAreaView } from 'react-native-safe-area-context'

Una forma que encontre en internet y me parece mas dinamica es establecer el paddingTop de acuerdo al alto del StatusBar pues este puede cambiar dependiendo del dispositivo que se use.

import { StyleSheet, Platform, StatusBar } from "react-native";

export default StyleSheet.create({
    droidSafeArea: {
        flex: 1,
        paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0,
    },
});

de los mejores cursos que he realizado, Muchas gracias Agustín Navarro