在React Native Modal前面弹出警报会挂断ios中的应用程序

时间:2018-11-29 07:21:36

标签: android ios iphone react-native

我试图建立一些身份验证系统,在该系统中,单击注册用户后要求输入otp。我使用模式标签为Otp制作了一个模式,仅当某些值变为true时,该模式才可见。每当用户提交otp时,我都会打开一个警告框,说现在登录,然后将该模式更改为false。 但是在执行此操作时,我在Ios中遇到了一个问题。这在android中工作正常,但是在尝试使用ios设备时,手机在模式屏幕上挂断了,并且不会返回。

1 个答案:

答案 0 :(得分:1)

因此,这是模态和警报的一个众所周知的问题,因为 submitCustomisation(){ this.result=this.selectedArrayCust; this.resultRad = this.custValue; console.log("Vlue check",this.resultRad); console.log("checkstorage",this.result); } selectCat(data){ if (data.checked == true) { this.gotta = this.selectedArrayCust.push(data) //localStorage.setItem('cuisinearray',this.gotta); } else { this.selectedArrayCust.pop(data) let newArray = this.selectedArrayCust.filter(function(el) { return el !== data; }); this.selectedArrayCust = newArray; } console.log("From CheckBox",this.selectedArrayCust); } selectRad(data){ console.log("Radio data",data); this.custValue = data; } 本身是模态(叠加项)的形式,并且alert异步发生,因此动作相互之间以及整个动作都是相互阻塞的UX被挂起。您需要做的只是同步OTP模式关闭和警报。

已编辑:使用setState

更好地将超时添加到警报中

代码应如下所示:

setTimeOut(()=>Alert.alert(), 0);