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.