1.0.2 • Published 2 years ago

react-native-scroll-menu-custom v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

A package clone and edit to use image base64 from

react-native-scroll-menu

React native scrolling button horizontal

Installation

npm i react-native-scroll-menu
yarn add react-native-scroll-menu

Example

Example
npm.io
npm.io

Usage

import React, {Component} from 'react';
import {
    View
} from 'react-native';

//import this
import ScrollingButtonMenu from 'react-native-scroll-menu';

//define menu
let menus = [
    {
        name: 'Sekiz',
        id: 1,
        backgroundColor: '#388E3C',
        borderColor: '#388E3C',
    },
    {
        text: 'Penguen',
        id: 2,
    }
];

export default class Example extends Component {


    render() {
        return (
            <ScrollingButtonMenu
                items={[
                    {
                        id: 1,
                        name: 'Sekizli',
                    },
                    {
                        id: 2,
                        name: 'Penguen',
                    },
                    {
                        id: 3,
                        name: 'Ermec',
                    },
                    {
                        id: 4,
                        name: 'Emre',
                    },
                    {
                        id: 5,
                        name: 'Hasan',
                    },
                    {
                        id: 6,
                        name: 'Elif',
                    },
                    {
                        id: 7,
                        name: 'Vegin',
                    },
                    {
                        id: 8,
                        name: 'Sevim',
                    },
                ]}
                onPress={(e) => {
                    console.log(e);
                }}
                selected={7}
            />
        );
    }
}

Props

KeyTypeDescription
itemsArrayArray for button menu is required
onPressFunction(menu)Function when press button is required
upperCaseBooleanUppercase text (optional) default value => false
selectedOpacityNumberOpacity when pressed button (optional) default value => 0.7
buttonStyleObject
textStyleObject
activeColorstring"#fffff"
activeBackgroundColorstring"#fffff"
selectednumberitem id => 1
keyboardShouldPersistTapsstringdefault => always