numeric_steeper

pub version likes pub points

A custom, minimal iOS-style stepper widget for Flutter.
Inspired by Swift’s UIStepper, this widget allows users to increment or decrement a numeric value with a sleek, iOS-like look.

demo


✨ Features

  • Fully iOS-styled.
  • Lightweight and dependency-free.
  • Supports custom step size, min/max limits, and change callbacks.
  • Support interval to increment/decrement when button is pressed.
  • Customizable icons for increment and decrement buttons.
  • Works with any number type values.
  • Customizable appearance to fit your app's theme (background, buttons background, borders, outlines, etc.).
  • Easy to integrate into any Flutter project.
  • Works with Flutter web, mobile, and desktop.
  • Supports Fontawesome icons or any other icon pack.

🚀 Getting Started

Add to your pubspec.yaml:

dependencies:
  numeric_steeper: ^0.1.0

Import the package:

import 'package:numeric_steeper/numeric_steeper.dart';

Use the NumericSteeper widget in your Flutter app:

              NumericSteeper(
                minValue: 8,
                maxValue: 30,
                step: 1,
                increaseIcon: Icons.add,
                decreaseIcon: Icons.remove,
                backgroundColor: Colors.grey.shade200,
                buttonsBackgroundColor: Colors.transparent,
                overlayColor: Colors.grey.shade400,
                iconsColor: Colors.black,
                dividerColor: Colors.grey.shade400,
                changed: (value) {
                  // Handle value change
                  print('New value: $value');
                },
              );

Example

Libraries

numeric_steeper