auto_scroll_slider 1.0.1

A seamless solution for auto-scrolling image lists, enhancing user experience with dynamic animations

example/lib/main.dart

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 = [];
  List B = [];

  ScrollController scrollControllerA = ScrollController();
  ScrollController scrollControllerB = ScrollController();

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