backdropOpacity and backdropColor not working

Modal from react-native-modal is so good for my old project. But today, i create new app and backdropOpacity and backdropColor not working.

Here is my code:

<Modal onBackdropPress = {()=>this.setState({isVisible: false})} onBackButtonPress = {()=>this.setState({isVisible: false})} visible={this.state.isVisible} onRequestClose = {()=> null} style={{marginTop: 56, marginRight: 1, marginLeft: 20, marginBottom:50}}

            <View style={{flex:1, backgroundColor:'white'}}>
                <View style={{height: 10, flexDirection: 'row', paddingLeft: 10}}>
                    <Text style={{alignSelf: 'flex-start', fontSize: 18}}>Thông báo</Text>
                </View>
            </View>

</Modal>

so I add 2 props: onSwipe={() => this.setState({ isVisible: false })} swipeDirection="up"

this is working but I must be tap on the Modal.

react-native 0.53.0 react-native-modal 5.0.0

please help me

[faizalshap]

Hey Guys, I solved the issue by changing the visible prop to isVisible. @kodie the prop for visibility is isVisible 😃

[toussa]

Try removing backgroundColor:'white' And set transparent={true} backdropColor="rgba(0,0,0,0.5)" in modal props