npm.io
1.0.2 • Published 6 years ago

rn-tagscroll

Licence
MIT
Version
1.0.2
Deps
0
Size
11 kB
Vulns
0
Weekly
0
Stars
2

Installation

npm install --save rn-tagscroll

Usage

Example
import React, { Component } from 'react'
import RNTagScroll from 'rn-tagscroll'

export default Example extends Component {
  constructor(props) {
    super(props)

    this.state = {
      list: [{
        id: 0,
        name: 'All'
      }, {
        id: 1,
        name: 'Lorem'
      }, {
        id: 2,
        name: 'Ipsum'
      }, {
        id: 3,
        name: 'Dolor'
      }, {
        id: 4,
        name: 'Sit'
      }, {
        id: 5,
        name: 'Amet'
      }],
    
      selected: {
        id: 0,
        name: 'All'
      }
    }
  }

  onSelect = (selected) => {
    this.setState({ selected })
  }

  render() {
    const { list, selected } = this.state

    return (
      <RNTagScroll
        showScroll={true}
        list={list}
        selected={selected}
        showEmptyState={false}
        onItemPress={this.onSelect.bind(this)}
      />
    )
  }
}
Prop Description Default
contentContainerStyle Style for container tag scroll default styles
showEmptyState Render empty state if no list false
emptyStateStyle Style for empty state default styles
emptyText Label text for empty state No Data Available
emptyTextStyle Style for empty label text default styles
showScroll Show scroll indicator true
list Data list (Array of Object width key id and name) null
selected Selected item list (Object) null
onItemPress When item list pressed undefined
itemWrapperStyle Style for item list wrapper default styles
selectedItemWrapperStyle Style for selected item list wrapper default styles
itemTextStyle Style for item text/label default styles
selectedItemTextStyle Style for selected item text/label default styles

Keywords