TopNavigation Disappearing

## 💬 Question
I have made a simple app (using expo) by following steps on the official docs.

The app has two screens and each screen has a TopNavigation and Divider, then the rest of the body.

Below is sample code for DetailsScreen;

```
import React from 'react'
import { SafeAreaView } from 'react-native';
import { Divider, Icon, Layout, Text, TopNavigation, TopNavigationAction } from '@ui-kitten/components';

const DetailsScreen = ({ navigation }) => {

const BackIcon = (props) => (

);

const navigateBack = () => {
navigation.goBack();
};

const BackAction = () => (

);

return (




DETAILS


)
}

export default DetailsScreen
```

Problem is the TopNavigation is disappearing/hiding at the top.


App.js

```
import * as eva from '@eva-design/eva'
import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons'
import { Provider } from 'react-redux';

import AppNavigator from './src/presentation/navigation/AppNavigator';

import { store } from './src/application/store'

export default function App() {
return (
<>







);
}
```

AppNavigator.js

```
import React from 'react'
import { NavigationContainer } from '@react-navigation/native'
import { createNativeStackNavigator } from '@react-navigation/native-stack'

import HomeScreen from '../screens/HomeScreen'
import DetailsScreen from '../screens/DetailsScreen'

const AppNavigator = () => {

const { Navigator, Screen } = createNativeStackNavigator()

return (






)
}

export default AppNavigator
```

The way it appears on the physical device is worse as UI is drawn over the notches.

What could I be doing wrong?

## UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | ^2.1.1 |
| @ui-kitten/components | ^5.1.2 |