react-native-modalbox弹窗的使用


核心代码:

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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容