AmirmahdiNourkazemi/numeric_selector

기술 주제

# flutter # flutter-package # package

사용 중인 의존성

의존성 목록 4 개

flutter{"sdk":"flutter"}
vibration^3.1.2
flutter_test개발 의존성{"sdk":"flutter"}
flutter_lints개발 의존성^4.0.0

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

Numeric Selector

A customizable Numeric Selector package for Flutter, providing both Horizontal and Vertical Numeric Selector with smooth scrolling and optional vibration feedback.

Features

✅ Horizontal and Vertical pickers
✅ Customizable styles and colors
✅ Vibration feedback support
✅ Supports minimum, maximum, and step values
✅ Optional labels and arrow indicators

Installation

Add the following dependency to your pubspec.yaml file:

dependencies:
  numeric_selector: latest_version

Then, run:

flutter pub get

Demo

Horizontal Numeric Selector	Vertical Numeric Selector
Horizontal Numeric Selector	Vertical Numeric Selector

Usage

Horizontal Numeric Selector

HorizontalNumericSelector(
  minValue: 0,
  maxValue: 100,
  step: 1,
  initialValue: 50,
  onValueChanged: (value) {
    print("Selected Value: $value");
  },
  viewPort: 0.3,
  selectedTextStyle: TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
  unselectedTextStyle: TextStyle(fontSize: 24, color: Colors.grey),
  backgroundColor: Colors.white,
  showLabel: true,
  label: "Quantity",
  showArrows: true,
  enableVibration: true,
)

Vertical Numeric Selector

VerticalNumericSelector(
  minValue: 1,
  maxValue: 10,
  step: 1,
  initialValue: 5,
  onValueChanged: (value) {
    print("Selected Value: $value");
  },
  viewPort: 0.3,
  selectedTextStyle: TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
  unselectedTextStyle: TextStyle(fontSize: 24, color: Colors.grey),
  backgroundColor: Colors.white,
  borderRadius: BorderRadius.circular(10),
  showLabel: true,
  label: "Speed",
  showArrows: true,
  enableVibration: true,
)

Parameters

Parameter	Type	Description
`minValue`	`int`	Minimum selectable value
`maxValue`	`int`	Maximum selectable value
`step`	`int`	Step between values
`initialValue`	`int`	Default selected value
`onValueChanged`	`ValueChanged<int>`	Callback when value changes
`viewPort`	`double`	Fraction of viewport occupied by picker
`selectedTextStyle`	`TextStyle?`	Style for selected value
`unselectedTextStyle`	`TextStyle?`	Style for unselected values
`backgroundColor`	`Color?`	Background color
`borderRadius`	`BorderRadius?`	Corner radius for picker background
`showLabel`	`bool`	Show label text below selected value
`label`	`String?`	Custom label text
`showArrows`	`bool`	Show navigation arrows
`arrowIcon`	`IconData?`	Custom arrow icon
`enableVibration`	`bool`	Enable vibration feedback

Contributing

Contributions are welcome! Feel free to submit a PR or open an issue.

Contact

👤 Amirmahdi Nourkazemi
LinkedIn

License

This project is licensed under the MIT License.

AmirmahdiNourkazemi/numeric_selector