react-native-custom-slider v1.0.2

react-native-custom-slider

Getting started

$ npm install react-native-custom-slider --save

Mostly automatic installation

$ react-native link react-native-custom-slider

Usage

import React, { useState } from "react"
import { View } from "react-native"
import Slider from 'react-native-custom-slider';

const SliderApp = props => {

    const [value, setValue] = useState(15);

    return (
        <Slider
            value={value}
            minimumValue={0}
            maximumValue={50}
            onValueChange={(value) => setValue(value)}
            thumbStyle={{ justifyContent: 'center', alignItems: 'center', width: 25 }}
            customThumb={
                <View
                    style={{
                        width: 35,
                        height: 20,
                        overflow: 'hidden',
                        borderTopLeftRadius: 10,
                        borderTopRightRadius: 10,
                        borderBottomLeftRadius: 10,
                        borderBottomRightRadius: 10,
                        backgroundColor: 'gold' 
                    }}
                />
            }
        />
    )
}

Props

MIT Licensed