React Native Scrolling Menu
A horizontal scrolling menu for React Native.
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
Key | Type | Description |
---|---|---|
items |
Array | An array of items for the menu |
callback |
Function(itemIndex) | The callback function sends the index of the menu item selected |
backgroundColor |
String (HEX) | The background color of the menu |
textColor |
String (HEX) | The text color prior to being selected |
selectedTextColor |
String (HEX) | The text color of the selected item |
itemSpacing |
Number | The number of pixels between the menu items |