JSPM – react-native-mdl-quick-menu@1.0.1

Package Exports

react-native-mdl-quick-menu

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-mdl-quick-menu) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

A MDL style menu for react native with cross platform support for android and iOS

Example

Code Samples

        import QuickMenu from './src/QuickMenu'

        export default class App extends React.Component {
            render() {
                const items = [
                {
                    name: "Connections",
                    icon: "router-wireless"
                },
                {
                    name: "Cooking",
                    icon: "stove"
                },
                {
                    name: "Food",
                    icon: "food"
                },
                {
                    name: "Riding",
                    icon: "motorbike"
                }
                ]
                return (
                <View style={styles.container}>
                    <QuickMenu
                    items={items}
                    dotColor={'#3E92CC'}
                    fabColor={'#3E92CC'}
                    iconColor={'#FFF'}
                    iconType={'material-community'}
                    onItemPressed={this.handlePress}
                    />
                </View>
                );
            }

            handlePress = (item) => console.log(item)
        }

Usage

Add <QuickMenu> component to the root of your main view

<QuickMenu> takes the following props:

items Array of objects to be rendererd with name and icon as required keys
dotColor Color of menu item dots
fabColor Color of main action button
iconColor Color of icons in menu items and main action button
iconType Icon collection to use for icons rendered from icon key in data items
onItemPressed Callback for menu item press which receives all the data passed through in menu items

Installation

This project requires expo to run. You can get it here.

Starting the project

npm run start

or if you're using yarn

yarn start

Pull Requests

Fork it and create your feature branch: git checkout -b my-new-feature
Commit your changes: git commit -am 'Add some feature'
Push to the branch: git push origin my-new-feature
Submit a pull request

react-native-mdl-quick-menu