Метод alert
Метод alert класса
Alert
принимает заголовок, сообщение, массив кнопок и необязательные настройки.
Каждая кнопка - объект с полями text, onPress и style.
Для style используют строки 'default', 'cancel' и 'destructive'.
Синтаксис
Alert.alert(title, message, buttons, options);
Параметры
| Параметр | Описание |
|---|---|
title |
Заголовок окна. |
message |
Текст под заголовком. |
buttons |
Массив кнопок. У каждой text, onPress и style.
'default' для обычной кнопки.
'cancel' для отмены.
'destructive' для опасного действия.
|
options |
Дополнительные настройки окна на платформе. |
Пример
Давайте покажем окно с одной кнопкой:
import { Alert } from 'react-native';
Alert.alert('abcde', '12345', [
{ text: 'abcde', onPress: () => {} },
]);
Поверх приложения появится системное окно с заголовком 'abcde' и текстом '12345'.
Пример
Давайте добавим кнопку удаления со стилем destructive:
import { View, Button, Alert } from 'react-native';
export default function App() {
const onPress = () => {
Alert.alert('abcde', '12345', [
{ text: 'abcde', style: 'cancel' },
{
text: '12345',
style: 'destructive',
onPress: () => {},
},
]);
};
return (
<View>
<Button title="12345" onPress={onPress} />
</View>
);
}
На экране кнопка. В окне отмена и действие, выделенное как опасное на iOS.
