Как создать круговой слайдер с точками останова?

Question

Я новичок в реактивном нативе, и я хочу достичь нижеприведенного дизайна в реактивно-нативном

• Синий круг - это ползунок для выбора даты (Выбор даты)
• Круг внутри ползунка (Выбор даты) меняет цвет при изменении даты
• и, наконец,изображение внутри круга.

было бы здорово, если бы кто-нибудь мог предоставить ссылки для справки или библиотеку, которую я могу использовать для создания рисунка, показанного на изображении.

заранее спасибо.

Answer 1

Вы должны создать собственный SVG Slider, такой же, как этот

Я создал образец, чтобы вы взглянули на него

реагировать на родной круговой слайдер сточки останова

Answer 2

Ну, это пользовательский слайдер, который имеет некоторые значения точки останова. По мере изменения ползунка происходит изменение состояния, и на основании этого отображается представленное ниже описание.

Используйте этот ползунок и задайте цвета и стили CSS, чтобы сделать его круглым