1
resposta

[Sugestão] SafeAreaView

O SafeAreaView direto do react-native é suportado apenas para dispositivos iOS.
Para o contexto em no qual precisamos desenvolver para dispositivos android e ios o mais correto seria instalar o react-native-safe-area-context:
npx expo install react-native-safe-area-context ou npm install react-native-safe-area-context

e importar direto dessa lib:

import { Text } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";

export default function AddTask() {
    return (
        <SafeAreaView style={{ flex: 1 }}>
            <Text>Adicionando tarefas</Text>
        </SafeAreaView>
    )
}

Reparei pois estava emulando apenas no android e o SafeAreaView do react-native não estava funcionando corretamente, após uma pesquisa descobri isso.

1 resposta

Olá, Rafael, como vai?

Muito obrigado pela sua contribuição aqui no fórum. Compartilhar conhecimento ajuda outros alunos a aprenderem e aplicarem soluções de forma mais eficiente.

O fórum está à disposição sempre que precisar.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!