0 purchases
auto scroll slider
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
copied to clipboard
Install it
You can install packages from the command line:
with Flutter:
$ flutter pub get
copied to clipboard
Import the package
import 'package:auto_scroll_slider/auto_scroll_slider.dart';
copied to clipboard
Usage #
AutoScroll(
length: list.length,
scrollController: scrollController,
reverse: true,
itemBuilder: (context, index) {
return Image.network(
list[index],
height: 250,
width: 400,
fit: BoxFit.cover);}
);
copied to clipboard
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,
),
);
},
),
),
),
);
}
}
copied to clipboard
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
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.