smooth_list_view

Description:

smooth list view

A flutter plugin to implement smooth scrolling on desktop and web.
Comparison #
Without #

With #

Features #

Like the standard ListView but better
Scroll smoothly no matter what platform you're using (web, desktop, mobile)
Scroll through CustomListViews using the directional keys on your keyboard
Support scroll switching between mouse and trackpad

Constructors #

SmoothListView(...) : behave exactly like a classic ListView(...)
except that it makes scrolling with a mouse wheel smoother.
SmoothListView.builder(...) : behave exactly like a classic
ListView.builder(...) except that it makes scrolling with a mouse wheel
smoother.
SmoothListView.adapative(...) : behave exactly like a classic
ListView(...) except that it allows you to easily switch between
smooth scroll and classic scroll.
SmoothListView.adaptiveBuilder(...) : behave exactly like a classic
ListView.builder(...) except that it allows you to easily switch between
smooth scroll and classic scroll.

Getting started #
First, add the package to your pubspec.yaml :
flutter pub add smooth_list_view
copied to clipboard
Then import it inside your Dart code :
import 'package:smooth_list_view/smooth_list_view.dart';
copied to clipboard
Usage #
Import the package :
import 'package:smooth_list_view/smooth_list_view.dart';
copied to clipboard
ListView #
Replace :
// ...
@override
Widget build(BuildContext context) {
return ListView(...);
}
// ...
copied to clipboard
With :
// ...
@override
Widget build(BuildContext context) {
// You can keep the exact same parameters
return SmoothListView(...);
}
// ...
copied to clipboard
ListView.builder() #
Replace :
// ...
@override
Widget build(BuildContext context) {
return ListView.builder(...);
}
// ...
copied to clipboard
With :
// ...
@override
Widget build(BuildContext context) {
// You can keep the exact same parameters
return SmoothListView.builder(...);
}
// ...
copied to clipboard
ListView.separated() #
Replace :
// ...
@override
Widget build(BuildContext context) {
return ListView.separated(...);
}
// ...
copied to clipboard
With :
// ...
@override
Widget build(BuildContext context) {
// You can keep the exact same parameters
return SmoothListView.separated(...);
}
// ...
copied to clipboard
ListView.custom() #
Replace :
// ...
@override
Widget build(BuildContext context) {
return ListView.custom(...);
}
// ...
copied to clipboard
With :
// ...
@override
Widget build(BuildContext context) {
// You can keep the exact same parameters
return SmoothListView.custom(...);
}
// ...
copied to clipboard
Additional information #
Feel free to check the Example panel for a richer implementation.
If you encounter any issue feel free to open one on GitHub :)