ruler_scale_picker

A highly customisable, scrollable widget in a ruler-like style from which you can select values.

Features

• Customisable widgets
• Platform-specific physics (Android -> pinch, iOS -> bounce).
• Values on the ruler snap into place
• Horizontal and vertical orientation possible
• Customisable values through an extensible controller/interface
• Controllable and listenable through a controller
• Right-to-left-support
• Haptic feedback on iOS

Usage

Depend on it

dependencies:
  ruler_scale_picker: ^0.1.0

Import it

import 'package:ruler_scale_picker/ruler_scale_picker.dart';

Example

NumericRulerScalePicker()

Possibilities

Custom options

NumericRulerScalePicker(
    options: RulerScalePickerOptions(
        majorIndicatorInterval: 2,
        indicatorExtend: 70,
    ),
),

Custom widgets

NumericRulerScalePicker(
    decreaseButtonBuilder: (context, action) {
        return ElevatedButton(
            onPressed: action,
            child: const Text('-'),
        );
    }
)

Custom controller

NumericRulerScalePicker(
    controller: NumericRulerScalePickerController(),
)