Aplico o SafeAreaView no meu programa mas mesmo assim o meu texto continua aparecendo em cima da minha StatusBar, testei a própria aplicação exemplo do react-native e o texto também aparece em cima da StatusBar
import React from 'react';
import { Text, SafeAreaView } from 'react-native';
export default function App() {
return (
<SafeAreaView>
<Text>Alura!</Text>
</SafeAreaView>
);
}
Não sei se pode te ajudar, mas parece que funciona apenas para IOS 11+ https://reactnative.dev/docs/safeareaview Aqui na documentação você pode testar, talvez possa estar fora de um flex, e por isso estar aparecendo na Status Bar.
Veja se isso te ajuda.
import React from 'react';
import { Text, SafeAreaView, StatusBar } from 'react-native';
export default function App() {
return (
<SafeAreaView>
<StatusBar translucent backgroundColor={backgroundColor} {...props} />
<Text>Alura!</Text>
</SafeAreaView>
);
}