Estou tentando implementar a barra de navegação no meu aplicativo React Native Expo. Aqui está um problema:

"dependencies": {
    "expo": "^18.0.3",
    "react": "16.0.0-alpha.12",
    "react-native": "^0.45.1",
    "react-navigation": "^1.0.0-beta.11"
}

Não sei onde e como posso configurar estilos para esse componente para que não se sobreponha à barra de notificações. Eu tentei definirmarginTop: StatusBar.currentHeight para o meu root View, mas não funcionou. Ele aplicou a margem na Exibir, mas não na barra de navegação.

Meu aplicativo:

import {StackNavigator} from 'react-navigation';
import Home from './app/screens/Home';

export default App = StackNavigator({
  Home: { screen: Home }
})

Casa:

export default class Home extends Component {
    constructor() {
        super();  
        // <...>
    }

    static navigationOptions = {
        title: 'Welcome'
    };

    // <...>
}