Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

��‍�� flutter-animation ���� list animated staggered animations


gridview listview column
List Animated Staggered Animations For Flutter List Animated Staggered Animations For Flutter List Animated Staggered Animations For Flutter

getting started #

first you need to add flutter_staggered_animations 1.0.0 or + in the dependency at pubspec.yaml:

get new version of flutter_staggered_animations check in .here !

dependencies:
  flutter_staggered_animations: ^1.0.0

import #


import 'package:flutter_staggered_animations/flutter_staggered_animations.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(
                horizontaloffset: 50.0,
                child: fadeinanimation(
                  child: widget,
                ),
              ),
              children: yourcolumnchildren(),
            ),
          ),
        ),
      ),
    );
  }


note from : flutter_staggered_animations in pub.dev !!


note : this package dont support null-safety for see run in terminall ==> flutter run –no-sound-null-safety



��‍�� staggered animations made with algeria ❤


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Top