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