Nifty Pony Merchandise

    react-native-option-menu

    1.1.3 • Public • Published

    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

    Install

    npm i react-native-option-menu

    DownloadsWeekly Downloads

    532

    Version

    1.1.3

    License

    MIT

    Unpacked Size

    405 kB

    Total Files

    5

    Last publish

    Collaborators

    • itsrajverma