如何在反应输入范围中添加自定义箭头

编程问答 2022-05-22

问题描述

我使用 react-input-range 作为滑块来选择价格范围。我已经自定义了范围滑块的 css，但我需要在圆圈内添加箭头，如下所示

enter image description here

我该怎么做。请帮忙。

解决方法

您可以使用带有一两个标记的 react-native-multi-slider 滑块组件。用于自定义跟踪、触摸区域并为触摸事件和值更改提供客户标记和回调的选项。

<MultiSlider
    ...
    isMarkersSeparated={true}

    customMarkerLeft={(e) => {
         return (<CustomSliderMarkerLeft
          currentValue={e.currentValue}/>)
    }}

    customMarkerRight={(e) => {
         return (<CustomSliderMarkerRight
         currentValue={e.currentValue}/>)
    }}
/>
javascriptlessreactjsreactjsreactjsreactjs