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 鈥渕ete鈥 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