FanchenBao / react-native-scroll-indicator

A react-native component that offers a customizable scroll indicator for ScrollView and FlatList
MIT License
8 stars 5 forks source link

feat: Requesting gradient scroll indicator feature for react native. #16

Open VVNTHEFLASH opened 2 months ago

VVNTHEFLASH commented 2 months ago

WHAT

FanchenBao commented 2 months ago

Thank you for the feature request.

Could you please clarify what you mean by "gradient themed scroll indicator"? Do you mean as the scroll indicator moves, gradient changes on the view?

VVNTHEFLASH commented 2 months ago

Thank you for getting back to me!

By "gradient themed scroll indicator," I was referring to applying a gradient effect to the scroll indicator itself. As the user scrolls, the indicator (the scrollbar or thumb) would have a gradient overlay, which could shift or remain consistent depending on the scroll position. The goal is to create a visually engaging effect that enhances the user experience without altering the core functionality of the scroll itself.

Alternatively, if you're thinking about a scenario where the gradient effect changes dynamically on the content view as the scroll indicator moves, that's also an interesting approach. However, my initial idea was focused on styling the scroll indicator with a gradient.

Please let me know if this aligns with your vision or if you'd like further clarification!

I have also attached a screenshot for your reference. Screenshot 2024-09-07 at 3 18 29 AM

FanchenBao commented 2 months ago

Thanks for the clarification. This is actually quite interesting. I will give it some thought and try a few things. In particular, I would like to see how we can integrate with react-native-linear-gradient.

VVNTHEFLASH commented 2 months ago

@FanchenBao Thank for taking this feature as an enhancement. appreciated. :)