react-native-android-popup-menu

A simple popup menu for React Native android apps.

Installation

1npm install react-native-android-popup-menu

or

1yarn add react-native-android-popup-menu

Usage

1import PopupMenu from 'react-native-android-popup-menu';
2
3export default function MyApp() {
4  // ...
5  const onSelectItem = (item, index) => {
6    if (item === "itemSelected") {
7      console.log("selected item:", index);
8    }
9  };
10  
11  const options = [
12    "Edit",
13    "Delete"
14  ];
15  
16  return (
17    // ...
18    <PopupMenu
19      onPress={onSelectItem}
20      items={options}
21    />
22  );
23}

Options

Key	Type	Required	Default Value
onPress	(event: PopupEvent | string, index: number | undefined) => void	True	undefined
items	string[]	True	undefined
mode	ModeOption	False	highlight
icon	MaterialIcons.glyphMap	False	more-vert
iconSize	number	False	24
iconComponent	({ iconRef, ...props }) => React.ReactNode	False	undefined
iconColor	ColorValue	False	#222222
underlayColor	ColorValue	False	rgba(0,0,0,0.2)
containerStyle	StyleProp<ViewStyle>	False	undefined
buttonStyle	StyleProp<ViewStyle>	False	undefined
iconStyle	StyleProp<TextStyle>	False	undefined

Types

ModeOption

1export type ModeOption =
2  | 'opacity'
3  | 'highlight'
4  | 'without-feedback'
5  | 'native';

PopupEvent

1export type PopupEvent = 'dismissed' | 'itemSelected';

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library