react-native-re-slider

Slider component for react-native using reanimated

Usage no npm install needed!

<script type="module">
  import reactNativeReSlider from 'https://cdn.skypack.dev/react-native-re-slider';
</script>

README

CircleCI semantic-release

Usage

yarn add react-native-re-slider

Components

1. <Slider />

Slider component.

import { Slider, genSliderStyle1, genSliderStyle2 } from 'react-native-reanimated-slider'

<Slider {...sliderStyles.genSliderStyle1({ thumbSize: 27, thumbBorderWidth: 0 })} />
<Slider {...sliderStyles.genSliderStyle2()} />

// NOTE: Slider is just FunctionalComponent, doesn't wrapped by React.memo
const SliderMemo = React.memo(Slider, (prevProps, nextProps) => true)
<SliderMemo {...sliderStyles.genSliderStyle2()} />
// ...

Style presets

  • genSliderStyle1
  • genSliderStyle2
  • genSliderStyle3
  • genSliderStyle4

Status

If anyone interested in adding new components or features, I appreciate the PR 🙌, But I'm not sure what can be added though.