react-native - 如何创建带断点的圆形滑块？

Question

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

• 蓝色圆圈是选择日期的滑块（日期选择器）
• 更改日期时，滑块（日期选择器）内的圆圈会改变颜色
• 最后是圆圈内的图像。

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

提前致谢。

标签： react-nativereact-native-androidreact-native-iosreact-native-svgreact-native-stylesheet

Answer 1

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

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

react-native-circular-slider-with-breakpoints