https://github.com/jyotsnayall/sliding_images-flutter-plugin

A Flutter widget for creating image sliders.
https://github.com/jyotsnayall/sliding_images-flutter-plugin

carousel-slider flutter slider widget

Last synced: about 1 month ago
JSON representation

A Flutter widget for creating image sliders.

• Host: GitHub
• URL: https://github.com/jyotsnayall/sliding_images-flutter-plugin
• Owner: jyotsnayall
• License: mit
• Created: 2023-08-26T09:39:19.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-26T13:57:26.000Z (about 1 year ago)
• Last Synced: 2024-09-30T12:05:10.438Z (about 2 months ago)
• Topics: carousel-slider, flutter, slider, widget
• Language: C++
• Homepage: https://pub.dev/packages/sliding_images
• Size: 2.55 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# sliding_images

`SlidingImages` Flutter widget creates image sliders with customizable properties such as image dimensions, padding, auto-play, custom indicators, and more..

![demo](/demo.gif)

## Features

 - Image carousel with URL support.

 - Customizable image dimensions and padding.

 - Set the initial displayed image index.

 - Auto-play with interval.

 - Apply border to images.

 - Navigation indicator.

 - Animation curve customization.

 - Scaling for active and non-active images.

## Getting started

To use this package, add sliding_images as a dependency in your pubspec.yaml file.

## Usage

Minimal example:

```dart

SlidingImages(

  imgUrls: ["https://p1.pxfuel.com/preview/321/155/730/alpine-bavaria-flowers-germany.jpg",

            "https://p1.pxfuel.com/preview/818/670/574/dogs-chihuahua-rest-small-fur-cozy.jpg",

            "https://p0.pxfuel.com/preview/961/674/322/podcast-coffee-chocolate-cup.jpg",

            ],

)

```

Custom settings:

```dart

    SlidingImages(

      imgUrls: ["https://p1.pxfuel.com/preview/321/155/730/alpine-bavaria-flowers-germany.jpg",

                "https://p1.pxfuel.com/preview/818/670/574/dogs-chihuahua-rest-small-fur-cozy.jpg",

                "https://p0.pxfuel.com/preview/961/674/322/podcast-coffee-chocolate-cup.jpg",

                ],

      imageWidth: 300,

      imageHeight: 200,

      padding: EdgeInsets.all(8.0),

      border: Border.all(color: Colors.grey, width: 1.0),

      autoPlayInterval: Duration(seconds: 3),

      customIndicator: CustomIndicator(),

      initialPage: 2,

      enableAutoPlay: true,

      infiniteScroll: true,

      animationCurve: Curves.easeInOut,

      activeSlideScale: 1.2,

      nonActiveSlideScale: 0.9,

    )

```

## See also

 - [github repo](https://github.com/jyotsnayall/sliding_images-flutter-plugin)

 - [pub.dev package](https://pub.dev/packages/sliding_images)