image_slider_button

Description:

image slider button

Image Slider #
A Slider with images.

Use this package as a library

Depend on it
Add this to your package's pubspec.yaml file:

dependencies:
image_slider_button: ^0.0.6
copied to clipboard

Install it
You can install packages from the command line:

with pub:
$ pub get
copied to clipboard
with Flutter:
$ flutter pub get
copied to clipboard
Alternatively, your editor might support pub get or flutter pub get. Check the docs for your editor to learn more.

Import it
Now in your Dart code, you can use:

import 'package:image_slider_button/image_slider.dart';
copied to clipboard
Create a Image Slider:
Create a Image Slider with an array of Images.
ImageSlider(
images: [
AssetImage('assets/images/bra.png'),
AssetImage('assets/images/jpn.png'),
AssetImage('assets/images/can.png'),
],
),
copied to clipboard
Callbacks:
ImageSlider(
images: [
AssetImage('assets/images/bra.png'),
AssetImage('assets/images/jpn.png'),
AssetImage('assets/images/can.png'),
],
onStart: () {
// DO STUFF
},
onUpdate: (percentage) {
// DO STUFF
print(percentage);
},
onEnd: (position) {
// DO STUFF
print(pos);
},
),
copied to clipboard
Style:
ImageSlider(
style: ImageSliderStyleOptions(
style: ImageSliderStyleEnum.DEFAULT,
width: 200,
imageWidth: 40,
color: Colors.grey,
borderColor: Colors.white,
),
images: [
AssetImage('assets/images/br.png'),
AssetImage('assets/images/jp.png'),
AssetImage('assets/images/ca.png'),
],
),
copied to clipboard
ImageSliderStyleEnum:

DEFAULT
BORDERLESS
NODE
NODE_BORDERLESS
LINE
LINE_BORDERLESS

Link to repository: Repository