image_slider_button 0.0.5

Flutter Android iOS web

A slider with images.

Image Slider #

A Slider with images.

Example

Use this package as a library

  1. Depend on it Add this to your package's pubspec.yaml file:
dependencies:
  image_slider_button: ^0.0.5
  1. Install it You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter pub get

Alternatively, your editor might support pub get or flutter pub get. Check the docs for your editor to learn more.

  1. Import it Now in your Dart code, you can use:
import 'package:image_slider_button/image_slider.dart';

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'),
  ],
),

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);
  },
),

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'),
  ],
),
ImageSliderStyleEnum:
  • DEFAULT
  • BORDERLESS
  • NODE
  • NODE_BORDERLESS
  • LINE
  • LINE_BORDERLESS

Link to repository: Repository