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,
Inicializando la app
Creación del proyecto: PokeDex
Configuración de React Navigation
Diseñando la Tab navigation con iconos
Stack de navegación para Pokedex
API y listado de Pokemon
Consumo de APIs con fetch: PokeApi
Información de todos los Pokemon
Lista de Pokemon con FlatList
Renderizando la PokemonCard
Clasificación por colores y utilidades de Lodash
Infinite scrolling con FlatList
Añadiendo StyleSheet a la lista
Detalles del Pokemon
Vista y navegación al detalle del Pokemon
Consultando la API de detalles del Pokemon
Maquetación del Pokemon: header
Maquetación del Pokemon: sección de tipos
Maquetación del Pokemon: estadísticas
Maquetación del Pokemon: barra de navegación
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 4
Preguntas 0
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.