Exciting release!Introducing "safe npm". Learn more
Socket
Log inDemoInstall

react-native-option-menu

Package Overview
Dependencies
0
Maintainers
1
Versions
5
Issues
File Explorer

Advanced tools

react-native-option-menu

A native looking options dialog for Ios and Android

    1.1.3latest
    GitHub

Version published
Maintainers
1
Weekly downloads
873
increased by5.05%

Weekly downloads

Readme

Source

react-native-option-menu

A native looking options dialog for IOS, and Android and Web. ( Functional Component)

To Download, run: npm i react-native-option-menu.

Visit : https://www.npmjs.com/package/react-native-option-menu

Usage example:

import OptionsMenu from "react-native-option-menu"; const MoreIcon = require("../../assets/more/more.png"); <OptionsMenu button={MoreIcon} buttonStyle={{ width: 32, height: 8, margin: 7.5, resizeMode: "contain" }} destructiveIndex={1} options={["Edit", "Delete", "Cancel"]} actions={[editPost, deletePost]}/>

Note that button is a required prop (pass in a png of the desired button).

As an alternative to the button and style props, you can just pass in a full custom component:

const myIcon = (<Icon name="rocket" size={30} color="#900" />) <OptionsMenu customButton={myIcon} destructiveIndex={1} options={["Edit", "Delete", "Cancel"]} actions={[editPost,deletePost]}/>

Destructive index in an iOS only prop. It will appear as a red index.

Options: an array of strings that will be displayed in the menu.

Actions: an array of functions to be executed for every menu item. Note that the orders of options an actions have to match.

iOS Screenshot:

Screenshot

Android Screenshot:

Screenshot

Keywords

FAQs

Last updated on 29 Jul 2020

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc