https://github.com/netbeast/react-native-big-slider

:level_slider: Yet another, big one, pure JS easily customisable and hackable react-native slider component
https://github.com/netbeast/react-native-big-slider

react react-native slider ui ux

Last synced: 21 days ago
JSON representation

:level_slider: Yet another, big one, pure JS easily customisable and hackable react-native slider component

• Host: GitHub
• URL: https://github.com/netbeast/react-native-big-slider
• Owner: netbeast
• Created: 2017-09-28T16:27:23.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-09T09:35:09.000Z (about 6 years ago)
• Last Synced: 2024-10-07T05:43:49.720Z (2 months ago)
• Topics: react, react-native, slider, ui, ux
• Language: JavaScript
• Homepage: https://getyeti.co
• Size: 223 KB
• Stars: 90
• Watchers: 8
• Forks: 11
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-react-native - react-native-big-slider ★41 - Yet another, big one, pure JS easily customisable and hackable react-native slider component. (Components / UI)
• awesome-reactnative-ui - react-native-big-slider - native slider component|<ul><li>Last updated : This week</li><li>Stars : 55</li><li>Open issues : 1</li></ul>|| (Others)
• awesome-react-native - react-native-big-slider ★41 - Yet another, big one, pure JS easily customisable and hackable react-native slider component. (Components / UI)
• awesome-reactnative-ui - react-native-big-slider - native slider component|<ul><li>Last updated : This week</li><li>Stars : 55</li><li>Open issues : 1</li></ul>|| (Others)
• awesome-react-native - react-native-big-slider ★41 - Yet another, big one, pure JS easily customisable and hackable react-native slider component. (Components / UI)
• awesome-react-native - react-native-big-slider ★41 - Yet another, big one, pure JS easily customisable and hackable react-native slider component. (Components / UI)

README

        
# react-native-big-slider

![npm version](https://badge.fury.io/js/react-native-big-slider.svg)



   



> This package powers [Yeti Smart Home](https://getyeti.co) and is used in production.

A react native reusable and efficient dial knob element.

## Usage



To achieve the previously shown elements, you can take a look at the example

or use the following snippets:

```javascript

import BigSlider from 'react-native-big-slider'

// ...

 {

    this.setState({ valA })

  }} />

// ...

// ...

// ...

 

    Brightness

  }

  trackStyle={{ backgroundColor: 'rgba(143, 255, 160, .7)' }}

  maximumValue={30}

  minimumValue={-120}

  value={this.state.valB} />

// ...

```

More documentation is incoming, in the meanwhile please read the source code. It is a single file!

PRs and issues are more than welcome.

Follow us in Github or https://twitter.com/netbeast_co.