rn-global-modal 弹窗组件

实现全局弹窗,推荐使用rn-global-modal第三方组件。

animationType可以配置动画效果
<EntrustAlert />自定义弹窗内容
callbackIndex点击后回调参数

具体代码如下

import Modal from "rn-global-modal";

  onMeltOut = () => {
    Modal.show(
      <EntrustAlert
        callbackIndex={index => {
          if (index === 1) {
            Modal.hide();
          } else {
            Modal.hide();
          }
        }}
      />,
      {
        animationType: "fade",
        maskClosable: true,
        onMaskClose: () => {}
      }
    );
  };

  renderMeltOutButton = () => {
    return (
      <View style={styles.validityView}>
        <TouchableOpacity onPress={this.onMeltOut}>
          <Image
            source={SECURITY_MELT_OUT_IMAGE}
            style={styles.meltOutButton}
          />
        </TouchableOpacity>
      </View>
    );
  };

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 昨晚失眠到半夜,各种事情在脑海里翻滚。 脑子是累了,可是心却无法安睡。 上周末买的镜子终于到了,贴在了墙上。 我想...
    莞成阅读 1,280评论 0 1
  • 记忆里小学门口的小摊上,永远都有奥特曼的贴画,一角钱就可以买一张,一张上面有十几张奥特曼的图片,然后我会用小刀把它...
    宋予屿阅读 5,497评论 22 12
  • 比起这个世界看似遥远的末日。时间就像是一条永远奔涌的大河。 无意间改变了每一个人的样子。 谁也无法预料。无法阻止。
    明知鹿游原阅读 3,339评论 0 0