easy_slider 0.0.1
easy_slider: ^0.0.1 copied to clipboard

An easy and simple slide widget.

A simple plugin provides slide behavior. Package offers a slide behavior base widget. Based on it, also provides a widget which can collects multi AnimiationController to play when slide percentage reached controller's trigger value.

Getting Start #

The simplest way to use DragPercentageProvider from package is shown below.This widget is important in this package because other widget use that to perform different behavior. By default, if you are not set intial value to DragPercentageProvider, it will be set to zero.The ValueNotifier will notify you the current percentage.

demo

SliderWithText

import 'package:flutter/material.dart';
import 'package:easy_slider/easy_slider.dart';

class SliderWithText extends StatefulWidget {
  const SliderWithText({Key? key}) : super(key: key);
  @override
  _SliderWithTextState createState() => _SliderWithTextState();
}

class _SliderWithTextState extends State<SliderWithText> {
  final ValueNotifier<double> n = ValueNotifier<double>(0.0);
  @override
  void initState() {
    super.initState();
    n.addListener(() {
      setState(() {});
    });
  }

  @override
  void dispose() {
    n.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return DragPercentageProvider(
      valListener: n,
      child: SizedBox(
        height: 50,
        width: 200,
        child: ColoredBox(
          color: Colors.lightBlueAccent,
          child: Text("Touch&Move \n currentValue:${n.value}"),
        ),
      ),
    );
  }
}

Usage #

Package give you the most easily way to use DragPercentage. Also, based on this widget, package also offered a widget called DragWithAnimationController which can play animiaton when drag percentage reached controller's trigger value.

Demo #

  1. animated_icon
  2. customPaint_with_controllers
  3. reverse_CustomPaint
  4. vertical_CustomPaint

Demos

Features #

  1. Reverse behavior.
  2. Support horizontal and vertical drag.