Breaking News: Grepper is joining You.com. Read the official announcement!

react-native-popup-menu

Salafi aabshar khan answered on March 9, 2022 Popularity 10/10 Helpfulness 3/10

answer react-native-popup-menu

react-native-popup-menu

Comment

// your entry point
import { MenuProvider } from 'react-native-popup-menu';

export const App = () => (
  <MenuProvider>
    <YourApp />
  </MenuProvider>
);

// somewhere in your app
import {
  Menu,
  MenuOptions,
  MenuOption,
  MenuTrigger,
} from 'react-native-popup-menu';

export const YourComponent = () => (
  <View>
    <Text>Hello world!</Text>
    <Menu>
      <MenuTrigger text='Select action' />
      <MenuOptions>
        <MenuOption onSelect={() => alert(`Save`)} text='Save' />
        <MenuOption onSelect={() => alert(`Delete`)} >
          <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
        <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
      </MenuOptions>
    </Menu>
  </View>
);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: www.npmjs.com

Tags: javascript react-native-popup-menu

Link to this answer
Share Copy Link