Widget suggestion : Carousel

[jaygarcia]

Our current choice for a Carousel-like widget is the Scroll View oriented in a horizontal mode, but that doesn't give us the milky smooth locking of a carousel.

Hopefully, after i'm done w/ this VGM player app, I'll have the cycles (and skills) to build these types of custom components for submission into this repo.

[sahrens]

What do you want different exactly? Did you set the pagination prop true?

On Mar 8, 2015, at 10:13 AM, Jay Garcia notifications@github.com wrote:

Our current choice for a Carousel-like widget is the Scroll View oriented in a horizontal mode, but that doesn't give us the milky smooth locking of a carousel.

Hopefully, after i'm done w/ this VGM player app, I'll have the cycles (and skills) to build these types of custom components for submission into this repo.

—
Reply to this email directly or view it on GitHub.

[jaygarcia]

Maybe this is an opportunity to make this feature more developer-friendly? I had no idea that something called "pagination" would be used as a carousel. I'm used to pagination meaning "pages of data queried and viewed". :-\

I imagine there could be an extension to ScrollView called a Carousel that sets pagingEnabled to true by default and renders indicators.

Examples (Sencha Touch) -- Common UI pattern.

[sahrens]

That could be handy - a component could also do some processing of the raw onScroll data to provide onChangeCard. Want to send a PR?

On Mar 8, 2015, at 4:28 PM, Jay Garcia notifications@github.com wrote:

Maybe this is an opportunity to make this feature more developer-friendly? I had no idea that something called "pagination" would be used as a carousel. I'm used to pagination meaning "pages of data queried and viewed". :-\

I imagine there could be an extension to ScrollView called a Carousel that sets pagingEnabled to true by default and renders indicators.

Examples (Sencha Touch) -- Common UI pattern.

—
Reply to this email directly or view it on GitHub.

[nick]

I actually made a Carousel component in my fork here. Example usage here.

[ppong]

@nick the Carousel sounds awesome. Unfortunately https://github.com/nick/react-native/blob/master/Examples/Weather/js/components/Carousel.js leads to a 404.

[nick]

@ppong oops - try now

[ppong]

@nick thanks! it works now 👍

[nick]

I've now released this as an npm module at http://github.com/nick/react-native-carousel

[brentvatne]

@nick - nice one, thanks! 👍