actionsheet-pickerThe bottom-sheet picker for React Native

Searchable, grouped, infinite-scrolling, single or multi select. Zero native dependencies.

Get started

See examples

GitHub

Zero native dependencies

Only react and react-native. Built on Modal, Animated and FlatList, so it works in Expo Go with nothing to link.

Works with any form library

A controlled input (value, onChange, onBlur, error). An optional react-hook-form adapter is included.

Search, local or remote

Accent-insensitive local search, or debounced remote search where you fetch and the picker keeps typing smooth.

Grouped options

Nested children under any key, or flat items with parent references. Search keeps each match's group.

Infinite lists

Pagination loads one page per scroll, with no duplicate requests. Selected labels survive paging and search.

Mobile-ready

Swipe to close, Android back button, keyboard-aware on both platforms, safe areas, reduce motion, screen-reader labels.

Single select sheet on iOS — Single select · iOS

Grouped multi-select on iOS — Grouped multi-select · iOS

Search with keyboard on Android, dark theme — Search · Android dark

tsx

import { ActionSheetPicker } from 'actionsheet-picker';

<ActionSheetPicker
  label="Country"
  items={[
    { label: 'Kenya', value: 'KE' },
    { label: 'Uganda', value: 'UG' },
  ]}
  value={country}
  onChange={setCountry}
  searchable
/>;