Reaction Navigation 5嵌套MapView不会扩展到屏幕

问题描述 投票:1回答:1

我在嵌套的堆栈导航器中有一个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显示如下:

enter image description here

但是在iOS上我得到以下信息:

enter image description here

我已经尝试在导航器中设置SafeAreaOffsets,这只是将标题向上推到状态栏下方,而根本不更改MapView的高度。这是一部iPhone XR,出于美观目的,我希望能够看到状态栏文字后面的地图。我正在使用React Navigation5。在升级之前,React Navigation 4一切正常。

react-native react-navigation
1个回答
0
投票

[在使用React Navigation 5和MapView时似乎是一个奇怪的故障,但是我可以通过将MApView样式设置为postiion: 'absolute'来解决这个问题。

© www.soinside.com 2019 - 2024. All rights reserved.