在 if 语句中反应原生导航

Question

我正在通过 react Native 制作 PIN 码锁定屏幕。 当用户输入正确的密码时，它会提示“登录成功” 当用户输入错误的密码时，它会发出警报“登录失败” 如果用户输入 PIN 3 次，我想显示一个新屏幕。 所以我写了以下代码。

const checkPinCode = (a,b) => {
        if(arrayEquals(a,b)){
            alert("Login success")
          }else {
            alert(" Login Failed  ");
            seterrorCounter(errorCounter+1)
          }      
              if (errorCounter>=2){
                 //Navigation code 
                 () => navigation.navigate('Wait')
              }
}

但这并不能胜任。 如何在 if else 语句中导航屏幕。 你可以在这里找到完整的代码和模拟器 - https://snack.expo.dev/@codewithbanchi/pincode

Answer 1

将您的代码更改为：

const checkPinCode = (a,b) => {
        if(arrayEquals(a,b)){
            alert("Login success")
          }else {
            alert(" Login Failed  ");
            seterrorCounter(errorCounter+1)
          }      
              if (errorCounter>=2){
                 //Navigation code 
                 navigation.navigate('Wait') // remove () =>
              }
}

() => navigation.navigate('Wait') 定义了一个从未调用过的未命名函数。