Animation List

A simple animation listview widget.
When it is built, list item is shown by sliding and bouncing.

Preview

Installation

Add animation_list: ^2.2.1 to your pubspec.yaml dependecies. And import it:

import 'package:animation_list/animation_list.dart';

How to use

Simply add a Animation List widget with required params.

final List<Map<String, dynamic>> data = [
    {
      'title': '1111',
      'backgroundColor': Colors.grey,
    },
    {
      'title': '2222',
      'backgroundColor': Colors.red,
    },
    {
      'title': '3333',
      'backgroundColor': Colors.yellow,
    },
    {
      'title': '4444',
      'backgroundColor': Colors.blue,
    },
    {
      'title': '5555',
      'backgroundColor': Colors.green,
    },
    {
      'title': '6666',
      'backgroundColor': Colors.orange,
    },
    {
      'title': '7777',
      'backgroundColor': Colors.brown,
    },
    {
      'title': '8888',
      'backgroundColor': Colors.purple,
    },
  ];

  Widget _buildTile(String title, Color backgroundColor) {
    return Container(
        height: 100,
        margin: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(25)),
          color: backgroundColor,
        ));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: AnimationList(
            children: data.map((item) {
              return _buildTile(item['title'], item['backgroundColor']);
            }).toList()),
            duration: 1000,
            reBounceDepth: 10.0,
      ),
    );
  }

Properties

AttributeData typeDescriptionDefault
keyKeyControls how one widget replaces another widget in the tree-
controllerScrollControllerAn object that can be used to control the position to which this scroll view is scrolled-
primaryboolWhether this is the primary scroll view associated with the parent PrimaryScrollController-
physicsScrollPhysicsHow the scroll view should respond to user input-
shrinkWrapboolWhether the extent of the scroll view in the scrollDirection should be determined by the contents being viewedfalse
paddingEdgeInsetsGeometryThe amount of space by which to inset the children-
cacheExtentdoubleThe viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls-
childrenListThe children are required to fill the ListView
semanticChildCountintThe number of children that will contribute semantic information-
dragStartBehaviorDragStartBehaviorDetermines the way that drag start behavior is handledDragStartBehavior.start
keyboardDismissBehaviorKeyScrollViewKeyboardDismissBehavior the defines how this ScrollView will dismiss the keyboard automaticallyScrollViewKeyboardDismissBehavior.manual
restorationIdStringRestoration ID to save and restore the scroll offset of the scrollable-
clipBehaviorClipThe content will be clipped (or not) according to this optionClip.hardEdge
durationintThe milliseconds the animation runs1300
reBounceDepthdoubleA value of bounce depth10.0
opacityRangeTweenA TweenTween

Libraries

animation_list