实现全局弹窗,推荐使用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>
);
};