https://github.com/Rahiche/stepper_touch

flutter stepper_touch widget
https://github.com/Rahiche/stepper_touch

Last synced: 3 months ago
JSON representation

flutter stepper_touch widget

• Host: GitHub
• URL: https://github.com/Rahiche/stepper_touch
• Owner: Rahiche
• License: other
• Created: 2018-09-28T09:35:04.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-06-09T13:23:18.000Z (8 months ago)
• Last Synced: 2024-07-31T15:01:33.152Z (6 months ago)
• Language: Dart
• Homepage:
• Size: 1020 KB
• Stars: 297
• Watchers: 4
• Forks: 27
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-flutter-cn - Stepper Touch - 漂亮动画的侧面值步进器，由[Raouf Rahiche](https://github.com/Rahiche)创建。 (组件 / UI)
• awesome-flutter - Stepper Touch - flutter stepper_touch widget ` 📝 a year ago ` (UI [🔝](#readme))
• awesome-flutter - Stepper Touch - Lateral value stepper nicely animated by [Raouf Rahiche](https://github.com/Rahiche). (Components / UI)
• awesome-flutter-cn - Stepper Touch - 侧向滑动效果的计数器，[Raouf Rahiche](https://github.com/Rahiche). (组件 / UI)

README

        
# stepper_touch



   



 The concept of the widget inspired

 from [Nikolay Kuchkarov](https://dribbble.com/shots/3368130-Stepper-Touch).

 i extended  the functionality to be more useful in real world applications

# Thank _You_!

Please :star: this repo and share it with others

# Demo

![stepper](https://github.com/user-attachments/assets/0bdf3bb4-66f3-4739-9f06-d30ea55dd984)

### Created

* [Raouf Rahiche](https://github.com/Rahiche)

* ([@raoufrahiche](https://twitter.com/raoufrahiche))

* ([Youtube](https://www.youtube.com/channel/UCal0wCIwkxiKcrYPvBS6RiA))

## Usage example

```dart

import 'package:stepper_touch/stepper_touch.dart';

...

Container(

  padding: const EdgeInsets.all(8.0),

  child: StepperTouch(

    initialValue: 0,

    direction: Axis.vertical,

    withSpring: false,

    onChanged: (int value) => print('new value $value'),

  ),

),

...

```

## Getting Started

For help getting started with Flutter, view our online

[documentation](https://flutter.io/).