React Native Expo StackNavigator se superpone a la barra de notificaciones
Estoy tratando de implementar la barra de navegación para mi aplicación React Native Expo. Aquí hay un problema:
"dependencies": {
"expo": "^18.0.3",
"react": "16.0.0-alpha.12",
"react-native": "^0.45.1",
"react-navigation": "^1.0.0-beta.11"
}
No sé dónde y cómo puedo configurar estilos para este componente para que no se superponga con la barra de notificaciones. Traté de establecermarginTop: StatusBar.currentHeight
para mi Vista raíz pero no funcionó. Aplica el margen en la Vista pero no en la barra de navegación.
Mi aplicación:
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'
};
// <...>
}