Ползунок градиента в React Native?

Question

Можно ли реализовать слайдер со статической c дорожкой градиента в React Native, используя любую стороннюю библиотеку или что-то еще?

Иллюстративное изображение из Google: введите описание изображения здесь

Прямо сейчас я использую sldier из @ response-native-community / slider, но, похоже, он не поддерживает дорожку слайдера градиента? Я могу настроить minimumTrackTintColor и maximumTrackTintColor, но я бы хотел, чтобы трек градиента c был независимым от положения индикатора. Я изучал и другие сторонние библиотеки слайдеров, но столкнулся с той же проблемой.

Итак, есть ли способ добиться этого в React Native в какой-либо библиотеке?

Answer 1

Я не думаю, что какой-либо пакет заранее предоставляет эту функциональность, но вы всегда можете использовать linear-gradient . эту библиотеку сделайте просмотр с помощью. градиент, как этот, и, кроме того, с помощью position: 'relative' создайте курсор и сдвиньте его, используя rn-draggable . Вам нужно будет над этим поработать, но вы можете создать новую функциональность и, возможно, опубликовать sh ее, чтобы ее могли использовать другие в будущем.

Надежда помогает. Не стесняйтесь сомневаться

Answer 2

Вдохновленный тем, что @Gaurav_Roy ответил выше, в конце концов, я добился того, чего хотел, с помощью response-native-gesture-Responder. Я разместил свою настраиваемую дорожку ползунка градиента и точку ползунка как изображения и использовал createResponder из библиотеки, чтобы фиксировать взаимодействие пользователя с точкой ползунка. Затем вычислил расстояние между положением точки и краями дорожки, чтобы получить значение.