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.
[](https://www.madeinalgeria.dev/projects/flutter-animation-listanimated)