React Navigation 5 вложенный MapView не расширяется на экран

Question

У меня есть 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, поэтому я хочу иметь возможность видеть карту за текстом строки состояния для целей эстетики c. Я использую React Navigation 5. До обновления все работало нормально в React Navigation 4.

Answer 1

При использовании React Navigation 5 и MapView выглядело странно, но мне удалось обойти эту проблему, установив стиль MApView на postiion: 'absolute'.