无法为@ptomasroos/react-native-multi-slider设置轨道样式

Question

我正在尝试更改两个拇指多重滑块的颜色，但没有成功。它停留在默认的蓝色。

我尝试过backgroundColor = '#008080'（所需的颜色），但没有任何反应。我还尝试了所有其他颜色/造型道具。也许我错过了一些东西。

<MultiSlider
    values={sliderValue.map(unscaleValue)}
    min={0}
    max={100}
    onValuesChange={handleValuesChange}
    allowOverlap
    snapped
    step={1} // Step size on the non-linear scale, not actual value step
    trackStyle={{ height: sH * 0.005, backgroundColor: 'green' }}
/>

这是它的样子的图片

两个拇指多功能滑块

Answer 1

要更改滑块的颜色，您需要使用

markerStyle

：

<MultiSlider
    values={sliderValue.map(unscaleValue)}
    min={0}
    max={100}
    onValuesChange={handleValuesChange}
    allowOverlap
    snapped
    step={1}
    trackStyle={{ height: sH * 0.005, backgroundColor: 'green' }}
    markerStyle={{ backgroundColor: '#008080' }}
/>