我不知道到底发生了什么，还有一个模型组件，我用来显示自定义加载，删除模型组件后，警报开始工作。

将警报代码替换为以下代码

Alert.alert(
        'Login Failed',
        'Multiple Logins Are Found. \n Logout From All Other Devices to Continue.',
        [
          {
            text: 'Proceed ?',
            onPress: () => {}
          },
          {
            text: 'No',
            onPress: () => {},
            style: 'cancel'
          }
        ],
        { cancelable: false }
      );

setTimeout(() => {      
        //TODO  use return and setTimeout           
        return Alert.alert(
        i18n.t('notAtYard.alertTitle'),
        'Invalid username or password',
        [
            {
                text: 'Ok',
                onPress: () => {
                    setUserPassword('');
                    setUsername('');
                },
            }
        ],
        {cancelable: false},
    );

    }, 100);

在我的例子中，我没有使用任何自定义Modal，因为对于自定义Modal，解决方案很简单，只需等到Modal关闭，但是，我使用了react-nativeSpinner组件，并且使用visible={loading}属性正确地隐藏了它，是的，在Alert.alert配置中设置cancelable: false后，问题也没有得到解决，当我将超时增加到5000时，即使没有在Alert.alert配置中定义cancelable: false，它也能正常工作，但大量超时对UX，所以我很快检查了Spinner组件 prop ，我知道它确实有cancelable?: boolean | undefined prop ，所以现在当我使用Spinner组件时，它甚至没有超时。

<Spinner
    visible={loading}
    cancelable={true}
/>

**TLDR：**使用cancelable={true} prop 和Spinner组件。

大概和这个问题有关：https://github.com/facebook/react-native/issues/10471
出于一些奇怪的原因，在“setTimeout”函数中调用Alert可以使它工作。但这显然不是避免这个问题的最佳方法。您也可以尝试以下解决方案：https://github.com/facebook/react-native/issues/10471#issuecomment-513641325

setTimeout(() => {
    Alert.alert(
      "title",
      "content",
      [
        {
          text: "ok",
          onPress: () => {

          },
        },
      ],
    )
  }, 10)