4

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

图片链接

我正在努力实现这一目标

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

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

提前致谢。

4

2 回答 2

5

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

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

react-native-circular-slider-with-breakpoints

在此处输入图像描述

于 2019-10-11T13:54:02.023 回答
-1

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

使用此滑块并提供一些 css 颜色和样式使其变圆

于 2019-10-04T09:35:08.920 回答