{"repo":"expo/react-native-action-sheet","free":true,"listed":false,"github":"https://github.com/expo/react-native-action-sheet","clone":"git clone https://github.com/expo/react-native-action-sheet.git","description":"A cross-platform ActionSheet for React Native","language":"TypeScript","stars":1576,"topics":["hacktoberfest","react-native","android","expo","ios","actionsheet"],"license":"MIT","category":"mobile-apps","readme_excerpt":"@expo/react-native-action-sheet React Native Action Sheet is a cross-platform React Native component that uses the native UIActionSheet on iOS and a pure JS implementation on Android. iOS Android Web -------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------------------- Check out the example snack here! Installation or A basic ActionSheet Setup 1. Wrap your top-level component with ReactNativeActionSheet uses React context to allow your components to invoke the menu. This means your app needs to be wrapped with the ActionSheetProvider component first. 2. Call the showActionSheetWithOptions method with a hook or a higher order component. Alternatively, any component can use the higher order component to access the context and pass the showActionSheetWithOptions as a prop. Menu component can now access the actionSheet prop as showActionSheetWithOptions . Options The goal of this library is to mimic the native iOS and Android ActionSheets as closely as possible. This library can also be used in the browser with Expo for web. Universal Props Name Type Description ------------------------ -------------------------- ------------------------------------------------------------- options ","default_branch":null,"files":null,"tree":[],"storefront":"/r/expo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/expo/react-native-action-sheet/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}