numeric_steeper 0.2.1
numeric_steeper: ^0.2.1 copied to clipboard
Numeric steeper widget designed to work similar to iOS steeper, supports minimum value, max value and full customization.
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');
},
);