Skip to content

Examples ​

Screenshots come from the example app on an iOS simulator (light theme) and an Android emulator (dark theme).

iOS ​

Single select
Single select
Search with keyboard
Search with the keyboard open
Raw API objects with schema and a disabled item
Schema mapping + disabled item
Grouped options
Grouped options
Grouped multi-select
Grouped multi-select
Multi-select labels and chips
Labels and chips
Remote search and infinite scroll
Remote search + infinite scroll
Fullscreen with custom tokens
Fullscreen + custom tokens
react-hook-form validation
react-hook-form validation

Android (dark theme) ​

Single select, dark theme
Single select
Search with keyboard, dark theme
Search with the keyboard open
Grouped multi-select, dark theme
Grouped multi-select

Run the example app ​

sh
git clone https://github.com/jeffngugi/actionsheet-picker.git
cd actionsheet-picker
yarn
yarn example start   # then press i (iOS) or a (Android), or scan with Expo Go

The example covers every feature on one screen: single select, search, schema mapping, grouped options (with search and group-label switches), multi-select, remote search with infinite scroll, error and disabled states, theming, fullscreen, react-hook-form, and a picker inside another modal.

Released under the MIT License.