custom_slider

Description:

custom slider

Custom Slider #
Custom Slider package lets you add a beautiful slider Track gradient and Image on SliderThumb to your Flutter app.
Getting started #
Installation #

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
custom_slider: ^0.0.3
copied to clipboard

Import the package and use it in your Flutter App.

import 'package:custom_slider/custom_slider.dart';
copied to clipboard
Example #
There are a number of properties that you can modify:

assetImage
linearGradient
inActiveTrackColor
trackHeight;
min;
max;
assetImageHeight;
assetImageWidth;
divisions;





# Added Feature
added trackHeight;
added min;
added max;
added assetImageHeight;
added assetImageWidth;
added divisions;




import 'package:custom_slider/custom_slider.dart';

void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Custom Slider',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const Scaffold(
body: Padding(
padding: EdgeInsets.all(50.0),
child: CustomSlider(
assetImage: 'assets/slider_icon.png',
inActiveTrackColor: Colors.pink,
linearGradient: LinearGradient(colors: [Colors.pink, Colors.white]),
trackHeight: 20.0,
max: 100.0,
min: 0.0,
assetImageHeight: 40,
assetImageWidth: 60,
),
),
),
);
}
}
copied to clipboard








Subscribe my youtube Channel "Ridz Creations" #
https://www.youtube.com/channel/UCoXamjItgSKtu1j61EB04cg