→ كل المشاريع

Flutter-Animation-ListAnimated

بواسطة @Hmida71

17

🐱‍👤 Staggered Animations made with algeria ❤

عن هذا المشروع

🐱‍👤 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(

من ملف README الخاص بالمشروع على GitHub

النجوم
17
التفريعات
0
آخر تحديث
29/09/2021

أضف هذه الشارة إلى ملف README

أظهر أن مشروعك مُدرج على «صُنع في الجزائر».

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

مشاريع ذات صلة