JSPM

@phomea/react-native-slider

0.0.6
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 11
  • Score
    100M100P100Q31611F
  • License ISC

A react native slider

Package Exports

  • @phomea/react-native-slider

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@phomea/react-native-slider) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-slider

A pure JS slider for react-native, version 0.0.1

example1 example2

Install

npm install @phomea/react-native-slider

Usage

import {BasicSlider} from '@phomea/react-native-slider';

<BasicSlider onChangeValue={this.onChangeValue} onSeek={this.onSeek} />



import {StepSlider} from '@phomea/react-native-slider';

<StepSlider onChangeValue={this.onChangeValue} />

Props

onChangeValue : function(value)

A callback passing the final value

onSeek : function(value)

A callback passing the value on seek

intValue : boolean

default : true If set to true will round the current value to integer

handlerStyle

Style object to override the style of the handler

steps : array

Define an array of steps you want on your slider. Steps need to have this structure { value : number (required) label : string (optional) }

theme : string

Define the theme to use for your slider. Accepted values :

  • standard
  • big
  • square
  • stick

Conclusion

Feel free to clone the repo and make pull request or open new issues.

If you like to contribute you can patron me: https://www.patreon.com/user?u=25858214

made with ❤️ by Fabio Pocci