Наилучшим вариантом, вероятно, является svg через реагировать-нативно-svg, поскольку это позволит вам декларативно рисовать и анимировать произвольные фигуры без необходимости писать платформенно-заданный c собственный код.
Обратите внимание, что настройка up response-native-svg немного отличается, если вы работаете с expo или извлекли его, что может объяснить, почему некоторые из упомянутых вами более старых примеров не работают (они предшествуют expo).
Рисовать с помощью SVG обычно просто, хотя вам нужно будет использовать ar c в путях, что примерно так же неудобно, как SVG (но все же не так уж плохо).
Самыми хитрыми частями кругового ползунка являются захват сенсорного ввода с помощью PanResponder и преобразование координат между декартовыми (x, y) координатами сенсорного ввода и полярными (угол, расстояние) системами координат, чтобы узнать, куда переместите ползунок на.
В вашем случае похоже, что вы хотите заблокировать движение ползунка с указанием c приращений круглосуточно, поэтому вам также нужно будет найти ближайший прирост к полярному координаты текущего касания, но это должно быть легко в полярных координатах - просто найдите приращение с ближайшим углом к углу касания.
Здесь - это проект Экспо, который иллюстрирует ползунок часть. Это выглядит так:
