How implement an alternative option when value is not in picker

Question

For my React native (expo) project. I have two item pickers the first picker contains a list of brand names. When the user is in the Add screen. He can select a brand but sometimes the brand that he wants is not in the list.

I want to give the user a option to change the picker to select a brand into a text input field. But I am not sure what is the correct UI/UX behaviour to make this clear that he has this option. Below is an mockup of how the screen looks.

I know that one solution would be to make like a custom searchable select picker with an option to save new items but I think this is a bit overkill.

Any advice?

Michael Bahl · Accepted Answer · 2024-01-04 08:55:57Z

1

When your user have to handle a growing amount of entries you should not use pickers. In this case a FlatList would be a better choice, like the iOS contact app does.

answered Jan 4, 2024 at 8:55

Michael Bahl

3,7091 gold badge15 silver badges20 bronze badges

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

1 Comment

Jimmy Geers Over a year ago

I did not think about that, it actually make scense. Thanks a lot!

Collectives™ on Stack Overflow

How implement an alternative option when value is not in picker

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related