Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

coverScreen={false} isn't working

See original GitHub issue

The modal is covering the screen 100% when we set the property coverScreen = false.

Environment

System: OS: macOS 10.15.3 CPU: (4) x64 Intel® Core™ i5-7360U CPU @ 2.30GHz Memory: 684.58 MB / 16.00 GB Shell: 5.7.1 - /bin/zsh Binaries: Node: 10.18.1 - ~/.nvm/versions/node/v10.18.1/bin/node Yarn: 1.21.1 - /usr/local/bin/yarn npm: 6.13.4 - ~/.nvm/versions/node/v10.18.1/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 13.4, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2 IDEs: Android Studio: 3.5 AI-191.8026.42.35.6010548 Xcode: 11.4/11E146 - /usr/bin/xcodebuild npmPackages: react: 16.9.0 => 16.9.0 react-native: 0.61.4 => 0.61.4

Platforms

Android and IOS.

Versions

Android: “9.0”
iOS: “13.4”
react-native-modal: “11.5.6”
react-native: “0.61.4”
react: “16.9.0”

Reproducible Demo

<Modal
            isVisible={isOpen}
            backdropOpacity={1}
            onBackdropPress={handlePress}
            coverScreen={false}
        >
            <View style={containerStyle}>
                <Text style={styles.message}>
                    {message}
                </Text>
            </View >
        </Modal>

    containerStyle: {
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: 57,
        backgroundColor: Colors.secondary,
        paddingHorizontal: '30rem',
    },

Screen Shot 2020-03-31 at 18 23 22