核心代码:
componentWillReceiveProps(nextProps){
if(this.props.show != nextProps.show){
if(nextProps.show){
this.refs.ThirdProtocolModal.open()//打开
}else{
this.refs.ThirdProtocolModal.close()//关闭
}
}
}
<ModalBox
position="center"
ref="ThirdProtocolModal"
isDisabled={false}
swipeToClose={false}
style={{backgroundColor:'transparent',flex:1, justifyContent:'center', alignItems:'center',width: "100%"}}
animationDuration={0}
backdropPressToClose={false}//在背景处点击是否关闭modal,默认是关闭
backdropColor='red'//背景颜色,因为这个背景颜色有默认透明度的,感觉使用很方便,默认black
backdropOpacity={true}//背景颜色透明度,默认是0.5
>
<View style={styles.bgView}>
//内容
</View>
</ModalBox>