React Native 中的渐变滑块？答案

【问题标题】：Gradient slider in React Native?React Native 中的渐变滑块？
【发布时间】：2020-07-10 06:40:10
【问题描述】：

是否可以在 React Native 中使用任何 3rd 方库或其他方式实现带有静态渐变轨迹的滑块？

来自 Google 的说明性图片：

现在我正在使用来自@react-native-community/slider 的 sldier，但它似乎不支持渐变滑块轨道？我可以自定义minimumTrackTintColor 和maximumTrackTintColor，但我希望拥有独立于指标位置的静态渐变轨迹。我也研究了其他 3rd 方滑块库，但遇到了同样的问题。

那么，任何库中是否有任何方法可以在 React Native 中实现这一点？

【问题讨论】：

迭代问题 TBH

标签： react-native slider

【解决方案1】：

我认为任何预先安装的软件包都没有提供此功能，但您始终可以使用linear-gradient。这个库，做一个视图。像这样的渐变，最重要的是，通过使用 position:'relative' 制作光标并使用 rn-draggable 滑动它。您将需要解决这个问题，但您可以创建一个新功能，并可能发布它，以便将来供其他人使用。

希望有所帮助。如有疑问，请随意

【讨论】：

谢谢，好主意，改天试试看再更新！
@Andry 当然，期待 npm 上的库。如果您认为有帮助，请点赞并标记为已接受

【解决方案2】：

受@Gaurav_Roy 上面回答的启发，最后，我通过 react-native-gesture-responder 实现了我想要的。我将自定义渐变滑块轨道和滑块点定位为图像，并使用库中的createResponder 来捕捉用户与滑块点的交互。然后计算点位置与轨迹边缘的距离，得到该值。

【讨论】：