Component

Picker

A field-style trigger that opens a wheel picker sheet, matching the plain Input surface with a fixed chevron instead of a clear button. Tap to spin through options and confirm a choice.

Standalone

picker.tsx

<NativePicker
  options={CURRENCY_OPTIONS}
  value={currency}
  onValueChange={setCurrency}
  sheetTitle="Currency"
/>

Example

An amount field paired with a currency picker, free text and a constrained choice sitting side by side on the same form.

Amount

Currency

picker-example.tsx

<NativeInput label="Amount" keypad="decimal" placeholder="0.00" />
<NativePicker
  label="Currency"
  options={CURRENCY_OPTIONS}
  value={currency}
  onValueChange={setCurrency}
  sheetTitle="Currency"
/>

Capabilities

Prop	Type	Description
surface	NativePickerButtonSurface	-
size	keyof typeof STYLE	-