ReactNative之弹出窗

来源:互联网 发布:中国云计算大会 2017 编辑:程序博客网 时间:2024/05/17 03:57

弹出框用处也是比较大的,比如页面刷新的时候周围都变暗了,中间一个小白框里有一个转圈圈的小圆圈。。。画面自己想象。。。

然后就是注意这个单词是modal  不是model  更不是module。。。

用它嘛首先就是要引入它。。。

使用方法也特别简单如下:

<Modal
    animationType={"fade"}  //控制弹出框的弹出动画方式'none', 'slide', 'fade'三种方式


    transparent={true}  //弹出框周边颜色是否透明,一般都是透明,要不一片惨白。。。
    visible={this.state.modal1Visible}  //控制弹出框是不是显示。。。
    onRequestClose={() => {  //弹出框消失的时候的回调函数。。。一般没用
    }}>

<View></View>  //这里写就是弹出框上面的内容跟样式了。。。可以是图片也可以是图片

</Modal>

 

使用方法也就这点。。。没了。。。

 

原创粉丝点击