我在嵌套的堆栈导航器中有一个MapView。在Android中,MapView可以完美搭配以下样式:
const styles = StyleSheet.create({
container: {
flex: 1,
},
map: {
flex: 1,
width: '100%',
height: '100%',
zIndex: -1
},
customCallout: {
height: 300,
width: screenWidth - 25,
},
});
Android显示如下:
但是在iOS上我得到以下信息:
我已经尝试在导航器中设置SafeAreaOffsets,这只是将标题向上推到状态栏下方,而根本不更改MapView的高度。这是一部iPhone XR,出于美观目的,我希望能够看到状态栏文字后面的地图。我正在使用React Navigation5。在升级之前,React Navigation 4一切正常。
[在使用React Navigation 5和MapView
时似乎是一个奇怪的故障,但是我可以通过将MApView
样式设置为postiion: 'absolute'
来解决这个问题。