如何创建带断点的圆形滑块？答案

【问题标题】：How to create a circular slider with breakpoints?如何创建带断点的圆形滑块？
【发布时间】：2019-10-04 07:11:42
【问题描述】：

我是 react-native 的新手，我想在 react-native 中实现以下设计

如果有人可以提供参考链接或我可以用来创建图像中显示的设计的库，那就太好了。

提前致谢。

【问题讨论】：

【解决方案1】：

你必须像这个一样创建一个自定义 SVG 滑块

我已经创建了一个示例供您查看

【讨论】：

【解决方案2】：

这是一个自定义滑块，有一些断点值。随着滑块的变化，状态也会发生变化，并基于该变化呈现以下描述视图。

Use this slider 并提供一些 css 颜色和样式以使其圆润

【讨论】：