如何在本機反應中關閉或關閉警告框......？

Question

我想在我的 React 本機應用程序中添加一個關於刪除操作的警告框我需要確認用戶是否單擊確定然后如果用戶單擊取消按鈕則記錄將被刪除然后警報應該關閉或關閉。 我該怎么做。？

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;

Answer 4

晚會

Alert.alert(
      'Title',
      `Description`,
      [
        {
          text: 'Cancel',
        },
        {
          text: 'Enable',
          onPress: () => Linking.openSettings(),
        },
      ],
      {cancelable: false},
    );

只需添加取消文本，不要傳遞任何 onPress。 除非您想執行某些操作，否則它將關閉模態。

如果 cancelable 設置為true 。 然后用戶將能夠在他/她點擊覆蓋部分時關閉警告框。