react-native-android-popup-menu

A simple popup menu for React Native android apps.

Installation

npm install react-native-android-popup-menu

or

yarn add react-native-android-popup-menu

Usage

import PopupMenu from 'react-native-android-popup-menu';

export default function MyApp() {
  // ...
  const onSelectItem = (item, index) => {
    if (item === "itemSelected") {
      console.log("selected item:", index);
    }
  };
  
  const options = [
    "Edit",
    "Delete"
  ];
  
  return (
    // ...
    <PopupMenu
      onPress={onSelectItem}
      items={options}
    />
  );
}

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

export type ModeOption =
  | 'opacity'
  | 'highlight'
  | 'without-feedback'
  | 'native';

PopupEvent

export 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