Preview

auto scroll slider Package

The Auto Scroll Slider package for Flutter provides a convenient solution for creating auto-scrolling image lists with an animated interface, enhancing user experience and visual appeal.

Installing

Add dependency to pubspec.yaml To use the latest version of auto_scroll_slider, add the following line to your pubspec.yaml file:

dependencies:
  auto_scroll_slider: ^1.0.1

Install it You can install packages from the command line: with Flutter:

$ flutter pub get

Import the package

import 'package:auto_scroll_slider/auto_scroll_slider.dart';

Usage

AutoScroll(
length: list.length,
scrollController: scrollController,
reverse: true,
itemBuilder: (context, index) {
return Image.network(
list[index],
height: 250,
width: 400,
fit: BoxFit.cover);}
);

Properties of Auro Scroll Slider:

Property Name	Type	Default Value	Description
length	int	-	The number of items in the list.
scrollController	ScrollController	-	Controller for the scroll position of the list.
reverse	bool?	-	Whether the list should be displayed in reverse order.
curve	Curve?	-	The curve to use for the animation.
duration	int?	-	The duration of the scroll animation.
scrollDirection	Axis?	-	The axis along which the list scrolls.
itemBuilder	Widget? Function(BuildContext, int)	-	A function that returns a widget for each item in the list.
dragStartBehavior	DragStartBehavior?	-	Determines the way drag start behavior is handled.
padding	EdgeInsetsGeometry?	-	Padding around the list.
shrinkWrap	bool?	-	Whether the extent of the scroll view should be determined by the contents of the scroll view.

Example

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

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List A = [];

  ScrollController scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Expanded(
          child: AutoScrollSlider(
            length: A.length,
            scrollController: scrollController,
            itemBuilder: (context, index) {
              return Padding(
                padding: const EdgeInsets.symmetric(vertical: 4.0),
                child: Image.network(
                  A[index],
                  height: 250,
                  width: 400,
                  fit: BoxFit.cover,
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}

Support

For any inquiries or issues regarding the Auto Scroll Slider package, feel free to open an issue on GitHub.

License

This package is released under the MIT License.

Additional Information

👍 We're thrilled that our solution is adding value and positively impacting your project! ✨ Your support means the world to us. 🌟 If you're loving the results, show your appreciation with a thumbs up! 💫 We're committed to excellence and continuously strive to exceed your expectations. Thank you for choosing us! 🚀

-Darshak Desai