跳至主要内容

Alert

启动一个带有指定标题和消息的警告对话框。

可以选择提供一个按钮列表。点击任何按钮都会触发相应的 onPress 回调并关闭警告。默认情况下,唯一的按钮将是“确定”按钮。

这是一个在 Android 和 iOS 上都可用的 API,可以显示静态警告。提示用户输入某些信息的警告仅在 iOS 上可用。

示例

iOS

在 iOS 上,您可以指定任意数量的按钮。每个按钮可以选择指定样式或被强调,可用选项由 AlertButtonStyle 枚举和 AlertButton 上的 isPreferred 字段表示。

Android

在 Android 上,最多可以指定三个按钮。Android 有一个中性、负面和正面按钮的概念

  • 如果指定一个按钮,它将是“正面”按钮(例如“确定”)
  • 两个按钮表示“负面”、“正面”(例如“取消”、“确定”)
  • 三个按钮表示“中性”、“负面”、“正面”(例如“稍后”、“取消”、“确定”)

Android 上的警告可以通过点击警告框外部来关闭。默认情况下禁用,可以通过提供一个可选的 AlertOptions 参数并将其 cancelable 属性设置为 true 来启用,即
{cancelable: true}.

可以通过在 options 参数中提供 onDismiss 回调属性来处理取消事件。

示例
Android


参考

方法

alert()

static alert (
title: string,
message?: string,
buttons?: AlertButton[],
options?: AlertOptions,
);

参数

名称类型描述
title
必需
string对话框的标题。传递 null 或空字符串将隐藏标题。
messagestring显示在对话框标题下方的可选消息。
buttonsAlertButton[]包含按钮配置的可选数组。
optionsAlertOptions可选的警告配置。

prompt()
iOS

static prompt: (
title: string,
message?: string,
callbackOrButtons?: ((text: string) => void) | AlertButton[],
type?: AlertType,
defaultValue?: string,
keyboardType?: string,
);

创建并显示一个提示,以警告的形式输入一些文本。

参数

名称类型描述
title
必需
string对话框的标题。
messagestring显示在文本输入上方的可选消息。
callbackOrButtonsfunction
AlertButton[]
如果传递了一个函数,它将在用户点击“确定”时使用提示值调用该函数
(text: string) => void
如果传递了一个数组,则将根据数组内容配置按钮。
typeAlertType配置文本输入。
defaultValuestring文本输入中的默认文本。
keyboardTypestring第一个文本字段的键盘类型(如果存在)。TextInput 的 键盘类型 之一。
optionsAlertOptions可选的警告配置。

类型定义

AlertButtonStyle
iOS

iOS 警告按钮样式。

类型
enum

常量

描述
“default”默认按钮样式。
“cancel”取消按钮样式。
“destructive”破坏性按钮样式。

AlertType
iOS

iOS 警告类型。

类型
enum

常量

描述
“default”没有输入的默认警告
“plain-text”纯文本输入警告
“secure-text”安全文本输入警告
“login-password”登录和密码警告

AlertButton

描述警告中按钮配置的对象。

类型
对象数组

对象属性

名称类型描述
textstring按钮标签。
onPressfunction按下按钮时的回调函数。
style
iOS
AlertButtonStyle按钮样式,在 Android 上此属性将被忽略。
isPreferred
iOS
boolean按钮是否应被强调,在 Android 上此属性将被忽略。

AlertOptions

类型
object

属性

名称类型描述
cancelable
Android
boolean定义是否可以通过点击警告框外部来关闭警告。
userInterfaceStyle
iOS
string用于警告的界面样式,可以设置为 lightdark,否则将使用默认系统样式。
onDismiss
Android
function警告被关闭时触发的回调函数。