0.1.1 • Published 8 years ago

react-native-scrolling-menu v0.1.1

Weekly downloads
23
License
GNU
Repository
github
Last release
8 years ago

React Native Scrolling Menu

A horizontal scrolling menu for React Native.

Screenshot

Installation

npm install --save react-native-scrolling-menu

React Native

var ScrollingMenu = require('react-native-scrolling-menu');

Usage

let items = ['Menu Item 1','Menu Item 2','Menu Item 3','Menu Item 4','Menu Item 5'];

onClick(itemIndex) {
  console.log("Selected: " + items[itemNum]);
}

render() {
  return (
    <ScrollingMenu
      items={items}
      callback={this.onClick.bind(this)}
      backgroundColor="#ffffff"
      textColor="#cccccc"
      selectedTextColor="#000000"
      itemSpacing={20} />
  );
}

Props

KeyTypeDescription
itemsArrayAn array of items for the menu
callbackFunction(itemIndex)The callback function sends the index of the menu item selected
backgroundColorString (HEX)The background color of the menu
textColorString (HEX)The text color prior to being selected
selectedTextColorString (HEX)The text color of the selected item
itemSpacingNumberThe number of pixels between the menu items