Component

Picker

The field-style trigger that opens a native wheel picker sheet, same visual shell as Input's plain surface, with a fixed chevron instead of a clear button. Tap it to open the real wheel sheet, built on @ncdai/react-wheel-picker.

The primitive

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	—