More Premium Hugo Themes Premium React Themes

React Native Action Sheet

A cross-platform ActionSheet for React Native

React Native Action Sheet

A cross-platform ActionSheet for React Native

Author Avatar Theme by expo
Github Stars Github Stars: 1559
Last Commit Last Commit: Feb 25, 2025 -
First Commit Created: Feb 24, 2024 -
React Native Action Sheet screenshot

Overview:

React Native Action Sheet is a cross-platform React Native component that provides a native UIActionSheet on iOS and a pure JS implementation on Android. It aims to mimic the behavior of native iOS and Android ActionSheets as closely as possible. This library can also be utilized in web applications using Expo.

Features:

  • Cross-Platform Compatibility: Utilizes native UIActionSheet on iOS and a JS implementation on Android.
  • React Context Integration: Components can invoke the menu using React context.
  • Customization Options: Provides various customization options like button titles, colors, and disabled buttons.
  • Web Support: Can be used in web applications with Expo.

Installation:

To install the React Native Action Sheet component, follow these steps:

  1. Wrap your top-level component with <ActionSheetProvider />.
<ActionSheetProvider>
  <App />
</ActionSheetProvider>
  1. Call the showActionSheetWithOptions method using a hook or a higher-order component.

Summary:

React Native Action Sheet offers a convenient solution for implementing ActionSheets in a cross-platform React Native application. With support for both iOS and Android, along with customization options and web compatibility through Expo, this component simplifies the process of creating native-like action menus.