Animated Container
A flutter library to show the list that shows data with animation. You can add a title, subtitle, or icon to this list.
Sponsors
Instalation
To add ContainerAnimation to your project add this line to your pubspec.yaml
file
dependencies:
animation_container: ^0.0.1+1
How to use
The ContainerAnimation can be used directly. Just call the ContainerAnimation(), Use the Required ItemData List and title of the list.
With a placeholder:
ContainerAnimation(
itemList: [
ItemData( title: "This is Title 1"),
ItemData(title: "Title 2", subtitle: "Subtitle 2", icon: Icons.laptop),
],
),
Or you can customize as yourself:
ContainerAnimation(
color2: Colors.amberAccent, // Background Gradient Color1
color1: Colors.amber, // Background Gradient Color2
borderRadius: BorderRadius.circular(20), // Border Radius of Container
titleTextStyle: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 20,
),
subtitleTextStyle: const TextStyle(
color: Colors.white, fontWeight: FontWeight.normal, fontSize: 16),
itemList: [
ItemData(title: "This is Title 1", ),
ItemData(title: "Title 2", subtitle: "Subtitle 2", icon: Icons.laptop),
ItemData(title: "Title 3",subtitle: "Subtitle 3",icon: Icons.other_houses),
ItemData( title: "Title 4", subtitle: "Subtitle 4", icon: Icons.phone),
ItemData(title: "Title 5", subtitle: "Subtitle 5",icon: Icons.accessibility_new),
ItemData(title: "Title 6", subtitle: "Subtitle 6", icon: Icons.laptop),
],
),