React Native ListView multiple option selection

Question

I'm trying to implement an e-commerce based app using React Native and need some pointers in regards to building a multi step ListView with multiple selection options. For example, a user wants to purchase a t-shirt. Once they click 'add to cart' I need the component to load several options i.e. shirt size, color etc. Is there a component like this?

Sounds like a very specific use case, so unlikely someone has made exactly what you are looking for. In any case, it's not clear from your question what the requirements are, so I would recommend adding a bit more detail (e.g. screen mockups) on what you are trying to achieve. — jevakallio
– jevakallio, Commented Aug 30, 2017 at 22:39

sinewave440hz · Accepted Answer · 2017-08-31 09:25:45Z

1

What you are probably looking for here is an accordion or collapsible view. There are a few out there now, including:

Perhaps these don't exactly meet your needs, but they are a good starting point.

If you take react-native-accordion as an example, you could have your initial product view and purchase button visible inside a view and designate the purchase button as the header component that, when pressed, will reveal the shirt size and colour pickers. That should do it.

More generally, whenever you need a component you can check here (there are other resources too):

edited Aug 31, 2017 at 9:25

answered Aug 31, 2017 at 9:06

sinewave440hz

1,40511 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sinewave440hz Over a year ago

Did this help you at all?

IVI Over a year ago

Thanks sinewave440hz, the accordion did the job!

Collectives™ on Stack Overflow

React Native ListView multiple option selection

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related