OGeek|极客世界-中国程序员成长平台

标题: ios - react native ios 警报，相互覆盖 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 20:35
标题: ios - react native ios 警报，相互覆盖

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

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

无论如何让它在 ios 中表现得像 android？

---

Best Answer-推荐答案

您可以添加某个状态 bool 值来检查 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()
}}

关于ios - react native ios 警报，相互覆盖，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52329687/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4