← All projects

Flutter-Animation-ListAnimated

by @Hmida71

17

🐱‍👤 Staggered Animations made with algeria ❤

About this project

🐱‍👤 Flutter-Animation 🔥🔥 List Animated Staggered Animations GridView ListView Column Getting Started # First you need to add flutterstaggeredanimations 1.0.0 Or + in the dependency at pubspec.yaml: Get New Version of flutterstaggeredanimations Check in .Here ! dependencies: flutterstaggeredanimations: ^1.0.0 Import # import 'package:flutterstaggeredanimations/flutterstaggeredanimations.dart'; Basic Usage # For List.builder @override Widget build(BuildContext context) { return Scaffold( body: AnimationLimiter( child: ListView.builder( itemCount: 100, itemBuilder: (BuildContext context, int index) { return AnimationConfiguration.staggeredList( position: index, duration: const Duration(milliseconds: 375), child: SlideAnimation( verticalOffset: 50.0, child: FadeInAnimation( child: YourListChild(), ), ), ); }, ), ), ); } For List Manual List Generate @override Widget build(BuildContext context) { return Scaffold( body: SingleChildScrollView( child: AnimationLimiter( child: Column( children: AnimationConfiguration.toStaggeredList( duration: const Duration(milliseconds: 375), childAnimationBuilder: (widget) => SlideAnimation(

From the project README on GitHub

Stars
17
Forks
0
Last push
29 Sept 2021

Add this badge to your README

Show that your project is listed on Made in Algeria.

Made in Algeria
[![Made in Algeria](https://www.madeinalgeria.dev/badge/flutter-animation-listanimated.svg)](https://www.madeinalgeria.dev/projects/flutter-animation-listanimated)

Related projects