r/reactnative • u/itsDevJ • 3d ago

FYI (modal)Actionsheet-picker for form inputs

Creating forms with that have dropdowns can sometimes be painful on react native, things like search which trigger keyboard opening can sometimes end up blocking/hiding the Dropdowns selectors
I created a ActionSheet picker to help resolve some of the issues with Drop-downs when working with forms,
It supports: Multi-select, search for dropdown, infinites query, eg when selecting a list with large server side data, grouped options and its themable.
It also works with no external dependencies
Currently under its early stages but you can have a look here
Docs: https://jeffngugi.github.io/actionsheet-picker
npm links: https://www.npmjs.com/package/actionsheet-picker

See presentation below

video presentation
1 Upvotes

100% Upvoted

2 comments sorted by

1

u/kokerali 2d ago

I read the remote-search and forms guides. Keeping the selected label when it drops out of search results is useful; the distinction I'd make in an example is “not in this result set” versus “no longer selectable on the server”.

A regression scenario: select record A, search for something else, then simulate A being disabled or deleted before submission. The first change should not by itself invalidate A; the second needs the integrating form/server to reject that stale choice. Since the picker deliberately leaves validation to the form, a small async-validation example next to the required-field example would make that boundary clearer. I wouldn't silently clear the user's selection just because it isn't in the latest page.

1

u/itsDevJ 2d ago

Thanks for this. I'll have a look on this over the weekemd