Skip to content

✨ Simple colorful custom slider widget written in Flutter

License

Notifications You must be signed in to change notification settings

hey-nicolasklein/slidy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slidy Logo

A colorful customizable slider widget written with Flutter.

Slidy Logo

Features

A simple vertical slider, which can be used for example to confirm a user action.

The following settings can be adjusted:

  • Optional icon inside the draggable nob
  • Optional background widget inside the slider
  • Background widget becomes increasingly invisible when the slider moves upwards
  • Shimmer over the background widget
  • Alternative upward pointing arrow included as background widget
  • Full color customization of border, inner background or inner gradient

Getting started

Just include Slidy with

import 'package:slidy/slidy.dart';

and include it in your app. For example like:

Usage

Slidy(
  displayArrowBackgroundElement: true,
  shimmer: true,
  nobIcon: const Icon(
    Icons.favorite,
    color: Colors.white,
  ),
  height: 200,
  width: 60,
  action: () {
    setState(() {
      counter = counter + 1;
    });
  },
),

Additional information

Please submit as Issues any problems or feature suggestions.

Slidy in action

Bildschirmaufnahme_2022-08-25_um_09.43.22.mov

About

✨ Simple colorful custom slider widget written in Flutter

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published