UNPKG

react-native-simple-popup-menu

Version:

React native material popup menu and iOS ActionSheetIOS based menu

65 lines (43 loc) 1.42 kB
# react-native-simple-popup-menu ![iPhone](https://i.imgur.com/af9UQ1D.png) ![Android](https://i.imgur.com/n7PhZ9g.png) Popup menu for react-native based on material android design and iOS ActionSheetIOS. There is no linking required as it is based on the Native android module and ActionSheetIOS. ### Usage #### Installation npm i react-native-simple-popup-menu --save #### Import import SimplePopupMenu from 'react-native-simple-popup-menu' ### API const items = [ { id: 'edit', label: 'Edit' }, { id: 'delete', label: 'Delete' }, ]; <SimplePopupMenu items={items} style={styles.button} onSelect={this.onMenuPress} onCancel={() => console.log('onCancel')}> <Text>Show menu</Text> </SimplePopupMenu> #### iOS Support for additional cancel label const items = [ { id: 'edit', label: 'Edit' }, { id: 'delete', label: 'Delete' }, ]; <SimplePopupMenu items={items} style={styles.button} onSelect={this.onMenuPress} cancelLabel={'Canćel'} onCancel={() => console.log('onCancel')}> <Text>Show menu</Text> </SimplePopupMenu> ### Types [Flow](http://flow.org/) is used as the typing system. #### Exported Types import type { PopupMenuItem, } from 'react-native-simple-popup-menu' ##### `type PopupMenuItem` > { id?: any, label: string }