react-native-slider-smile

| Top = false | Top = true | |--|--| | | |

Custom Slider Smile

This component is based on the slider (this slider), it was just customized

| Props | Value Type | Description | Default | |--|--|--|--| | value | number | value from sets Slider controller | 5 | | onValueChange | function | function that monitors the change in value | ()=>{} | | top | layout | put smiles above the bar | false | | showInText | array | set a text from number selected | [] | | showNumber | bool | show value in pin slider | true |

Install

npm i react-native-slider-smile

Usage :

1- add below import in your code :

import { SliderSmile } from "react-native-slider-smile";

2- Define the props according to the documentation above or copy the example below.

<SliderSmile
    top={true}
    value={valor}                                                                
    onValueChange={v => setValor(Math.trunc(v))}
    showInText={{
        1: 'Very Bad',
        2: 'Bad',
        3: 'Not so bad',
        4: 'Ok',
        5: 'Medium',
        6: 'Cool',
        7: 'Good',
        8: 'Very good',
        9: 'Fantastic',
        10: 'Excellent'
    }}
/>