Метод showActionSheetWithOptions

Метод showActionSheetWithOptions класса ActionSheetIOS принимает объект опций и callback. Callback получает номер нажатой кнопки. Индекс cancelButtonIndex помечает кнопку отмены. Индекс destructiveButtonIndex рисует опасное действие красным.

Синтаксис

ActionSheetIOS.showActionSheetWithOptions(
	{
		options: ['abcde', '12345'],
		cancelButtonIndex: 0,
		destructiveButtonIndex: 1,
	},
	(buttonIndex) => {},
);

Параметры

Параметр	Описание
`options`	Массив подписей кнопок снизу вверх.
`cancelButtonIndex`	Номер кнопки отмены в массиве `options`.
`destructiveButtonIndex`	Номер кнопки опасного действия.
`callback`	Функция с номером выбранной кнопки.

Пример

Давайте получить номер нажатой кнопки:

import { ActionSheetIOS } from 'react-native';

ActionSheetIOS.showActionSheetWithOptions(
	{
		options: ['Cancel', 'abcde', '12345'],
		cancelButtonIndex: 0,
	},
	(index) => {
		console.log(index);
	},
);

В консоли появится 0, 1 или 2 в зависимости от выбора.

Пример

Давайте открыть sheet из компонента:

import { View, Text, Pressable, ActionSheetIOS } from 'react-native';

export default function App() {
	const open = () => {
		ActionSheetIOS.showActionSheetWithOptions(
			{
				options: ['abcde', '12345'],
				cancelButtonIndex: 0,
				destructiveButtonIndex: 1,
			},
			() => {},
		);
	};

	return (
		<View>
			<Pressable onPress={open}>
				<Text>abcde</Text>
			</Pressable>
		</View>
	);
}

На экране 'abcde'; на iOS снизу выедет меню с двумя действиями.

Смотрите также

класс ActionSheetIOS,
который доступен только на iOS
метод showShareActionSheetWithOptions,
который открывает лист отправки
класс Share,
который отправляет данные на любой системе
класс Platform,
который проверяет iOS перед вызовом