UNPKG

react-native-option-menu-platform

Version:

A native looking options dialog for Ios and Android and Web

41 lines (24 loc) 1.36 kB
# react-native-option-menu-platform A native looking options dialog for IOS, and Android and Web. ( Functional Component) To Download, run: npm i react-native-option-menu-platform. Visit : https://www.npmjs.com/package/react-native-option-menu-platform Usage example: import OptionsMenu from "react-native-option-menu-platform"; 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.