Notch

Demo

What it does

1. 01

   Custom scroll physics that always settle exactly on a tick

2. 02

   Selection haptics and a notch that bumps as each value passes

3. 03

   Unit helpers for cm, feet and inches, kg and lb

4. 04

   Arrow keys and screen reader increase and decrease

Use it

dependencies:
  notch_ruler_picker:
    git:
      url: https://github.com/YagnikBarasiya23/notch_ruler_picker.git

import 'package:notch_ruler_picker/notch_ruler_picker.dart';

NotchRulerPicker(
  value: heightCm,
  min: 90,
  max: 244,
  majorEvery: 10,
  semanticLabel: 'Height',
  semanticValueBuilder: (v) => '${v.round()} centimetres',
  onChanged: (v) => setState(() => heightCm = v),
)

Every option, the technique behind the motion and the accessibility notes are in the README on GitHub

• Flutter

  08 · Camera scan frame

  Viewfinder

  A scan frame that looks alive.

  • Single Dart file
  • No dependencies
  • Free · MIT
• Flutter

  09 · Swipe to confirm

  Latch

  Confirm with intent, not a tap.

  • Single Dart file
  • No dependencies
  • Free · MIT