React Native中的简单警报-按下时的功能



在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功能选项

我想知道的是,当按下"OK"时,我是否可以为第一种情况应用onPress,但在官方文档中没有示例(或任何细节!)

也许这(还)不可能。有人能证实或否认吗?

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

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

iOS

在iOS上,您可以指定任意数量的按钮。每个按钮都可以可以选择指定一种样式,可以是"default"、"cancel"或"破坏性"。

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时会发生什么,唯一的方法就是执行上面显示的操作。如果你想让它在屏幕上看起来一样,那么只需为消息传递一个空字符串。标题和消息都可以是空字符串,尽管您可能不希望两者同时是空字符串。

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

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 }
)

相关内容

  • 没有找到相关文章

最新更新