Extensible popup menu component for React Native for both Android and iOS.
Features:
- Simple to use popup/context menu
- Multiple modes: animated, not animated or slide in from bottom
- Easy styling
- Customizable on various levels - menu options, positioning, animations
- Can work as controlled as well as uncontrolled component
- Different lifecycle hooks
npm install react-native-popup-menu --save
Wrap your application inside MenuContext
and then simply use Menu
component where you need it. Below you can find a simple example.
For more detailed documentation check API.
import React from 'react';
import { Text } from 'react-native';
import Menu, {
MenuContext,
MenuOptions,
MenuOption,
MenuTrigger,
} from 'react-native-popup-menu';
export const App = () => (
<MenuContext>
<Text>Hello world!</Text>
<Menu onSelect={value => alert(`Selected number: ${value}`)}>
<MenuTrigger text='Select option' />
<MenuOptions>
<MenuOption value={1} text='One' />
<MenuOption value={2}>
<Text style={{color: 'red'}}>Two</Text>
</MenuOption>
<MenuOption value={3} disabled={true} text='Three' />
</MenuOptions>
</Menu>
</MenuContext>
);