react-native-option-menu
Advanced tools
Weekly downloads
Readme
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:
Android Screenshot:
FAQs
A native looking options dialog for Ios and Android
The npm package react-native-option-menu receives a total of 651 weekly downloads. As such, react-native-option-menu popularity was classified as not popular.
We found that react-native-option-menu demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
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.