Skip to Content
Forui 0.12.0 is released 🎉
DocumentationFormPicker

Picker

A generic picker that allows an item to be selected. It is composed of one or more wheels, optionally with separators between those wheels.

The picker supports arrow key navigation:

  • Up/Down arrows: Increment/decrement selected value
  • Left/Right arrows: Move between wheels

Recommended for touch devices.

API Reference

CLI

To generate and customize this style:

dart run forui style create picker

Usage

FPicker(...)

const FPicker(
  controller: FPickerController(initialIndexes: []),
  style: FPickerStyle(...),
  onChange: (indexes) {},
  children: [
    FPickerWheel(
      flex: 2,
      loop: true,
      itemExtent: 20,
      autofocus: true,
      focusNode: FocusNode(),
      onFocusChange: (focused) {},
      children: [
        Text('1'),
        Text('2'),
      ],
    ),
    FPickerWheel.builder(
      flex: 2,
      itemExtent: 20,
      autofocus: true,
      focusNode: FocusNode(),
      onFocusChange: (focused) {},
      builder: (context, index) => Text('$index'),
    ),
  ],
);

Examples

Loop

Lazy

Multiple Wheels

With Separators

Last updated on
LabelRadio