Класс ActionSheetIOS

Класс ActionSheetIOS работает только на iOS. Метод showActionSheetWithOptions показывает список кнопок и вызывает callback с номером выбранной. Метод showShareActionSheetWithOptions открывает лист отправки с текстом и адресом.

Синтаксис

import { ActionSheetIOS } from 'react-native';

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

Методы

Метод	Описание
`showActionSheetWithOptions`	Показывает action sheet с кнопками и отменой.
`showShareActionSheetWithOptions`	Показывает лист отправки на iOS.

Пример

Давайте откроем меню с двумя пунктами:

import { ActionSheetIOS } from 'react-native';

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

На iOS снизу появится системная панель с кнопками.

Пример

Давайте вызвать меню по нажатию:

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

export default function App() {
	const open = () => {
		if (Platform.OS !== 'ios') {
			return;
		}
		ActionSheetIOS.showActionSheetWithOptions(
			{ options: ['abcde', '12345'], cancelButtonIndex: 0 },
			() => {},
		);
	};

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

На экране текст 'abcde'; на iOS касание откроет action sheet.

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

метод showActionSheetWithOptions,
который задаёт список кнопок
метод showShareActionSheetWithOptions,
который открывает отправку
класс Share,
который работает на обеих системах
класс Alert,
который показывает окно по центру