反应本机警报 API

在本文中，我们将了解如何在 react-native 中创建警报。为此，我们将使用 React Native Alert API。它基本上是一个弹出来让用户选择的小窗口。

它是一个使用 alert 方法显示警报对话框的 API。此对话框可以具有三个按钮，分别是正面、负面和中性，用于执行不同的操作。

句法：

Alert.alert(
      "Alert Title",
      "Alert Msg",
      [
        {
          text: "Cancel"
        },
        { 
          text: "OK"
        }
      ]
);

React Native 警报 API 接受下面提到和描述的两种方法。

alert()：此方法用于通过弹出窗口创建和显示消息。
prompt()：此方法用于创建和显示提示，以提醒形式输入一些文本。

警报方法的参数：

Title：必填参数，显示为对话框的标题。
Message：可选参数，显示对话框的消息。
Buttons：它也是一个可选参数，用于在对话框中显示按钮。
选项：它也是一个可选参数，仅在 android 中可用。

提示方法的参数：

Title：必填参数，显示为对话框的标题。
Message：可选参数，显示对话框的消息。
callbackOrButtons：此参数可以作为函数函数，则可以作为按钮传递，当用户同意条件时，将使用提示值调用此参数。如果它作为按钮传递，那么它将根据数组内容进行配置
type：此参数配置文本输入。
defaultValue：此参数是一个字符串，用于定义文本输入中的默认文本。
keyboardType：此参数是一个字符串，它定义第一个文本字段的键盘类型（如果存在）。

现在让我们从实现开始：

第 1 步：打开终端并通过以下命令安装 expo-cli。
```
npm install -g expo-cli
```
第2步：现在通过以下命令创建一个项目。
```
expo init myapp
```
第 3 步：现在进入您的项目文件夹，即 myapp
```
cd myapp
```

项目结构：

示例：现在让我们实现警报功能。在这里，我们创建了一个按钮，当有人单击该按钮时，会弹出一个警报。

App.js

import React from 'react';
import { StyleSheet,
         Text, 
          View,
          Button,
          Alert
        } from 'react-native';
  
export default function App() {
   
  // Alert function
  const alert = ()=>{
    Alert.alert(
      "GeeksforGeeks",
      "How are you!",
      [
        {
          text: "Cancel",
        },
        {
          text: "OK",
        }
      ]
    );
  }
  
  return (

使用以下命令启动服务器。

npm run android

输出：如果你的模拟器没有自动打开，那么你需要手动打开。首先，去你的安卓工作室并运行模拟器。现在再次启动服务器。

参考： https ://reactnative.dev/docs/alert