Si están probando con Android el SafeAreaView no funciona correctamente.
Lo solucioné instalando:
expo install react-native-safe-area-context
y luego importándolo:
import { SafeAreaView } from “react-native-safe-area-context”;
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
Aportes 7
Preguntas 6
Si están probando con Android el SafeAreaView no funciona correctamente.
Lo solucioné instalando:
expo install react-native-safe-area-context
y luego importándolo:
import { SafeAreaView } from “react-native-safe-area-context”;
Voy con la versión 6 los importadores cambian, por si algún loco como yo desea hacerlo (Lo estoy haciendo con Typescript)
import { createNativeStackNavigator } from “@react-navigation/native-stack”;
yarn add react-native-vector-icons
npm i react-native-vector-icons
yarn add @react-navigation/native
expo install react-native-screens react-native-safe-area-context
yarn add @react-navigation/native-stack
yarn add @react-navigation/bottom-tabs
yarn add react-native-vector-icons
yarn start
No es por nada pero, lo haces ser sencillo!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.