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');
},
);