react-native-options-menu
A native looking options dialog for Ios, Android and Web
Last updated 2 years ago by izzi .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-native-options-menu 
SYNC missed versions from official npm registry.

react-native-options-menu

A native looking options dialog for IOS, and Android and Web.

To Download, run: yarn add react-native-options-menu, or npm install -s react-native-options-menu.

Usage example:

import OptionsMenu from "react-native-options-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={[this.editPost, this.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={[this.editPost, this.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

Current Tags

  • 2.0.2                                ...           latest (2 years ago)

7 Versions

  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.1.1                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (1)

Copyright 2014 - 2017 © taobao.org |