如何在本机反应中关闭或关闭警报框...？答案

【问题标题】：How to close or dismiss alert box in react native...?如何在本机反应中关闭或关闭警报框...？
【发布时间】：2019-12-02 08:00:31
【问题描述】：

我想在我的 React Native 应用程序中添加一个关于删除操作的警报框我该怎么做？

Alert.alert(
  'Alert Title',
  'My Alert Msg',
  [
    {
      text: 'Cancel',
      onPress: () => console.log('Cancel Pressed'),
    },
    {
      text: 'OK', 
      onPress: () => console.log('OK Pressed')
    },
  ],
  {cancelable: false},
);

【问题讨论】：

当用户按下任何按钮时，警报会自动关闭。
但我想在按下取消按钮时关闭警报
当用户按下取消按钮时警报关闭。这是默认行为。你不需要为此做任何特别的事情。

标签： javascript react-native alert confirm

【解决方案1】：

如果您没有在取消按钮上调用任何函数，它将作为警报解除

【讨论】：

【解决方案2】：

只需删除 {cancelable: false} 部分。如果您想在按钮点击上添加一些逻辑，您可以修改 onPress 方法，如：

onPress: () => {
//your logic
}

编辑。

不，您不能以编程方式关闭警报。您必须创建一个类似于alert 的模式并使用visible 属性，或者使用第三方组件。

【讨论】：

请阅读我的问题，我说如何关闭或关闭警报框。
不是我否决了您的问题。我不明白你的问题是什么。不能显示？
亲爱的，我想用自定义代码关闭我的警报框。你有其他解决方案吗？
@AdeelAhmed 你找到解决办法了吗？我们如何以编程方式或从警报框外部关闭警报框？

【解决方案3】：

  const showAlert = (index, photos) =>
  Alert.alert(
    "Wait !!!",
    "Are you sure you want to delete",
    [
      {
        text: "Cancel",
        style: "cancel",
      },
      {
        text: "Ok",
        onPress: () => onActionDeleteDone(index, photos,),
        // style: "cancel",
      },
    ],
    {
      cancelable: true,
    }
  );

const App = () => (
   <View style={styles.container}>
    <Button title="Show alert" onPress={showAlert} />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  }
});

export default App;

【讨论】：