chapri_horiz_slider 0.0.1 chapri_horiz_slider: ^0.0.1 copied to clipboard
This is Just a UI Related Package Because Sometimes we Need Our Own Non Interacting Sliders with Just a small Animation
This package is a UI design achieved using a Container with animations. However, please note that it's strictly a horizontal slider UI and does not offer interactive functionality (on holding and Scrolling ) for sliding lists, grids, or other widgets. Instead, this package is intended to demonstrate how much you have scrolled through a scrollable widget in a UI design. #
Features #
- Simple to integrate and Easy to Understand
- Awesome Design
Getting started #
Add in Your Project pubspec.yaml
chapri_horiz_slider:
import the package
import 'package:chapri_horiz_slider/chapri_horiz_slider.dart';
Usage #
ChapriHorizSlider(
sliderHeight: // num or say double
sliderLength: // num or say double
scrollController: //required ScrollController
trackbarColor: //Color
trackbarLength: // num or say double
backgroundColor: //Color
animationDuration: //Duration
)
Additional information #
You can Explore the Example Code in Our Github Repo in example
Folder (The example code has been moved to a GitHub repository to reduce the package's memory size. ) #
GitHub Repo
And Also you can watch videos on Youtube Channels by clicking on below GIFs
Sponsor Us For More Such UI Designs #
Directory Structure and Size #
|-- CHANGELOG.md (<1 KB)
|-- LICENSE (<1 KB)
|-- README.md (2 KB)
|-- analysis_options.yaml (<1 KB)
|-- lib
| '-- chapri_horiz_slider.dart (2 KB)
|-- pubspec.yaml (2 KB)
|-- screenshot1.png (109 KB)
|-- slider.gif (295 KB)
'-- slider2.gif (1 MB)