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 |
