ammarahm-ed/react-native-actions-sheet

Что это?

Ключевые возможности

• 01Работает на Android, iOS и Web при использовании одной кодовой базы.
• 02Позволяет отображать в панели произвольное содержимое React.
• 03Жесты и анимации выполняются в UI-потоке.
• 04Поддерживает несколько точек фиксации и закрытие свайком.
• 05Включает блокировщик жестов для слайдеров, карт и WebView.
• 06Предоставляет официальный Jest mock для тестирования.

Сценарии использования

• Показ меню действий или контекстного меню в bottom sheet приложения React Native.
• Создание пикера или панели выбора, которая выдвигается снизу.
• Размещение форм или прокручиваемых списков в выдвижной панели с перетаскиванием на мобильных устройствах или в вебе.

Быстрый старт

1. 1

   Установите библиотеку

   npm install react-native-actions-sheet
2. 2

   Установите необходимые peer dependencies

   npm install react-native-reanimated react-native-worklets react-native-gesture-handler react-native-safe-area-context
3. 3

   Следуйте руководству по установке в документации, чтобы узнать подробности настройки

Что важно знать

• !Для версии 11 требуется New Architecture в React Native; приложениям с legacy architecture следует использовать версию 10.
• !Зависит от нескольких нативных библиотек (reanimated, worklets, gesture-handler, safe-area-context), которые также необходимо установить.

Темы

Частые вопросы

Что такое react-native-actions-sheet?

Кроссплатформенный компонент bottom sheet для React Native на Android, iOS и Web с гибким API для произвольного содержимого. react-native-actions-sheet — компонент React Native, который отображает bottom sheet, часто используемый для меню действий, пикеров и выдвижных панелей. Он работает на Android, iOS и Web, а внутрь панели можно поместить любое содержимое React.

react-native-actions-sheet можно использовать бесплатно? Какая у него лицензия?

react-native-actions-sheet распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

react-native-actions-sheet всё ещё поддерживается?

Активно поддерживается. Последний коммит в react-native-actions-sheet — 18 окт. 2026 г..

Для чего можно использовать react-native-actions-sheet?

Показ меню действий или контекстного меню в bottom sheet приложения React Native. Создание пикера или панели выбора, которая выдвигается снизу. Размещение форм или прокручиваемых списков в выдвижной панели с перетаскиванием на мобильных устройствах или в вебе.

Как установить react-native-actions-sheet?

Установите библиотеку: npm install react-native-actions-sheet Установите необходимые peer dependencies: npm install react-native-reanimated react-native-worklets react-native-gesture-handler react-native-safe-area-context Следуйте руководству по установке в документации, чтобы узнать подробности настройки

Где скачать react-native-actions-sheet?

Исходный код и инструкции по установке — на GitHub: https://github.com/ammarahm-ed/react-native-actions-sheet