iOS

Question

在React Native中，我们可以选择使用Alert来在弹出窗口中通知用户。这些“简单”警报可以由以下内容组成：

Alert.alert('Hello world!')

这将生成一个带有消息，无标题和“确定”按钮的警报。

您还可以制作2个或3个按钮警报，其组成如下（2个按钮示例）：

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

请注意，您可以使用按钮的onPress功能

我想知道的是，是否可以在按下“确定”时在第一种情况下应用onPress，但是the official docs中没有示例（或任何细节！）

也许还没有（可能）。任何人都可以确认或拒绝吗？

Answer 1

您仅需一个按钮即可创建Alert。然后，您可以决定按OK时会发生什么。

https://facebook.github.io/react-native/docs/alert

iOS

在iOS上，您可以指定任意数量的按钮。每个按钮可以   （可选）指定一种样式，可以是“默认”，“取消”或“   “破坏性的”。

Android

在Android上，最多可以指定三个按钮。 Android有   中立，否定和肯定按钮的概念：


如果您指定一个按钮，它将是“正”按钮（例如“确定”）

两个按钮表示“负”，“正”（例如“取消”，“确定”）

三个按钮表示“中立”，“负”，“正”（例如“以后”，“   “取消”，“确定”）

因此，如果您只想要一个按钮，则可以执行以下操作。

Alert.alert(
  'Alert Title',
  'My Alert Msg', // <- this part is optional, you can pass an empty string
  [
    {text: 'OK', onPress: () => console.log('OK Pressed')},
  ],
  {cancelable: false},
);

如果您在使用Alert.alert('Hello world!')时未传递任何选项，则无法定义按OK时发生的情况，唯一的方法是执行上面显示的操作。如果您希望它在屏幕上看起来一样，则只需为该消息传递一个空字符串。标题和消息都可以为空字符串，尽管您可能不希望同时使用两者。

Answer 2

如果不想使用标题，可以这样创建

Alert.alert(
     '',
     'Are you sure you want to delete?'+notificationId,  
     [
        {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
        {text: 'OK', onPress: () => console.log('OK Pressed')},
     ],
     { cancelable: false }
)

React Native中的简单警报-印刷功能

2 个答案:

iOS

Android