scroll_snap_effect 0.1.0 icon indicating copy to clipboard operation
scroll_snap_effect: ^0.1.0 copied to clipboard

A Flutter package to create easy scroll snap effect

cover #

flutter paypal
A Flutter package to create easy animation scroll snap effect in ListView


  // Example itemSize
  // itemSize = child width (ex: 100) + child padding (ex: 16);
  // itemSize = 116
  ScrollSnapEffect(
      itemSize: 116,
      itemCount: 15,
      padding: const EdgeInsets.symmetric(horizontal: 20),
      onChanged: (index) {
        debugPrint('$index');
      },
      itemBuilder: (context, index) {
        return Padding(
          padding: const EdgeInsets.only(right: 16),
          child: SizedBox(
            height: 100,
            width: 100,
            child: ColoredBox(
              color: Colors.blue,
              child: Center(
                child: Text(
                  '$index',
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                  ),
                ),
              ),
            ),
          ),
        );
      },
    ),

Example Scroll Snap Effect #

output


🚧 Maintener #

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Suport Maintener #

paypal badge linktree

15
likes
110
pub points
55%
popularity

Publisher

unverified uploader

A Flutter package to create easy scroll snap effect

Repository (GitHub)
View/report issues

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on scroll_snap_effect