Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FormsReact Native

Picker

Choose one controlled value through native or accessible menu presentation.

Public APILumenPickerReact Native

Native example

Use Picker

Use native menu or picker presentation for a compact single choice. Use Segmented control when a small peer set should remain visible.

View verified React Native runtime capture
Picker rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenPicker
  label="Profile"
  value={profile}
  options={profileOptions}
  onValueChange={setProfile}
/>

Reference

Public API

The primary shared and platform-specific options exposed by LumenPicker.

APIValues or typeDefaultDescription
valueValue extends string | numberRequiredStores the selected value.
optionsreadonly LumenPickerOption<Value>[]RequiredProvides labeled native options.
onValueChange(value: Value) => voidRequiredUpdates the selected value.
enabledbooleantrueControls native availability or presentation.

Native behavior

Design and accessibility

When to use it

Use native menu or picker presentation for a compact single choice. Use Segmented control when a small peer set should remain visible.

Accessibility

The picker retains native selection semantics, keyboard behavior, and assistive-technology announcements for its selected value.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives