Question

我想在我的本机应用程序中对删除操作添加一个警报框，我需要确认用户是否单击“确定”，然后如果用户单击“取消”按钮，则记录将被删除，然后应关闭或关闭警报。我该怎么办？？

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

Answer 1

只需删除{cancelable: false}部分。如果要在单击按钮时添加一些逻辑，则可以修改onPress方法，例如：

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

编辑。

否，您无法以编程方式关闭警报。您必须创建一个类似于alert的模式并使用visible道具，或者使用第三方组件。

Answer 2

如果您没有在“取消”按钮上进行任何功能调用，它将作为警报关闭

Answer 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;

如何在React Native中关闭或关闭警报框...？

3 个答案: