react-native-multi-slider
react-native-multi-slider copied to clipboard
Is it possible to make one marker fixed?
I know there is [snapped] but it doesn't make anything fixed or maybe I don't get how it should work.
<MultiSlider sliderLength={270} values={bodyFat} onValuesChange={value => setBodyFat(value)} min={0} max={40} // allowOverlap={true} // onValuesChangeFinish={handleSlider} selectedStyle={{ backgroundColor: 'red', opacity: 0.5 }} unselectedStyle={{ backgroundColor: '#3773F3' }} isMarkersSeparated={true} containerStyle={{ height: 20, width: '100%', alignSelf: 'center' }} trackStyle={{ height: 4 }} customMarkerRight={() => <View style={{ backgroundColor: '#fff', width: 12, height: 12, borderRadius: 6, marginTop: 4 }} />} customMarkerLeft={() => <View style={{ backgroundColor: '#fff', width: 24, height: 24, borderRadius: 12, borderWidth: 6, borderColor: 'red', marginTop: 4 }} />} step={1} snapped />
any solution ????