反应本机ios警报相互覆盖

Question

我正在使用Alert.alert()在响应本机ios中显示警报。 我面临的问题是，如果出现相同消息的拖曳警报，它们将一个出现在另一个之上。

而在android中，关闭第一个警报后会出现第二个警报。

无论如何，使其在iOS中表现得像Android？

Answer 1

您可以添加某个状态布尔值来检查alert是否可见，例如

  state = {
    alertBoxVisible: false,
  }

  onAlertShow = () => {
    if(!this.state.alertBoxVisible) {
      this.setState({alertBoxVisible: true}, () => {
        Alert.alert(
          'Alert Title',
          'My Alert Msg',
          [
            {text: 'OK', onPress: () => this.setState({alertBoxVisible: false})},
          ],
          { cancelable: false }
        )
      })
    }
  }

并使用async await链接调用onAlertShow的函数，例如

onPress={async () => {
  await this.onAlertShow()
  await this.onAlertShow()
}}