numeric_steeper #

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.

✨ 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 #