auto_scroll_image 0.2.5-dev

A Flutter package for auto scrolling images.

A Flutter package for auto-scrolling images. Compatible with iOS, Android, MacOS & Web

Features

• A Flutter package for auto-scrolling images.
• This package provides a widget for displaying a horizontal list of images that automatically scrolls.
• Users can customize the number of items, item width, and the duration of auto-scrolling.
• For web page take care of width of SizedBox to see image scrolling

Getting started

auto_scrolling_image

A view of the Package

make an assets folder in root of the project:

Add two items to pubspec.yaml

• add auto_scroll_image to the dependencies
• open assets path

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.6
  auto_scroll_image: ^0.2.2-dev

assets:
  - assets/

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^3.0.0
flutter:
  uses-material-design: true

import :

import 'package:auto_scroll_image/auto_scroll_image.dart';

then add AutoScrollImage to your class:

home: Scaffold(
        appBar: AppBar(
          title: Text('Your App'),
        ),
        body: const Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            // Your other widgets can go here

            // Example usage of AutoScrollImage
            AutoScrollImage(
              itemCount: 10, // Customize itemCount
              itemWidth: 50.0, // Customize itemWidth
              autoScrollDuration: Duration(seconds: 2), // Customize autoScrollDuration
              timerInterval: Duration(seconds: 2), // Customize timerInterval
            ),

            // More of your widgets can follow here
          ],
        ),
      ),

final result would be on Android:

Android

iOS:

macOS:

Web:

## Usage You can take a look at example bellow and customise it with your needs;

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
              appBar: AppBar(
                title: const Text('Auto Scroll Image'),
              ),
              body: AutoScrollImage(
                itemCount: 10, // Customize itemCount
                itemWidth: 50.0, // Customize itemWidth
                autoScrollDuration: Duration(seconds: 2), // Customize autoScrollDuration
                timerInterval: Duration(seconds: 2), // Customize timerInterval
    ),
    );
  }
}

Additional information

This package facilitates seamless image scrolling on your screen, making it ideal for showcasing advertisements or demonstrating your app's capabilities. Enhance user engagement by effortlessly presenting a dynamic list of images with this easy-to-use solution,