cool_animations

Creator: coderz1093

Last updated:

0 purchases

cool_animations Image
cool_animations Images

Languages

Categories

Add to Cart

Description:

cool animations

Cool Animations #



A simple, colorful and fluid animations built with flutter
Maintainer : Tanmoy Karmakar
Specs #

This library allows you easily implement animated icons with amazing curves.
It has been written 100% in Dart. ❤️




Installing #
Add the following to your pubspec.yaml file:
dependencies:
cool_animations: ^0.0.3
copied to clipboard

Sample code #
import 'package:cool_animations/cool_animations.dart';
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'Material App',
home: Homepage(),
);
}
}

class Homepage extends StatefulWidget {
const Homepage({Key? key}) : super(key: key);

@override
_HomepageState createState() => _HomepageState();
}

class _HomepageState extends State<Homepage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Cool animations'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
BounceWidget(
onTap: (val) {
// ignore: avoid_print
print(val);
},
),
RotateWidget(
onTap: (val) {
// ignore: avoid_print
print(val);
},
inactiveIcon: Icons.hourglass_empty_rounded,
activeIcon: Icons.hourglass_full_rounded,
activeColor: Colors.blue,
),
],
),
),
);
}
}


copied to clipboard

Simple Usage #
To integrate the simple bottom navigation bar just implement it with the following code
Custom Usage #
There are several options that allow for more control:



Properties
Description




inavtiveColor
color of the icon when inactive


activeColor
color of the icon when active


inactiveSize
Size of the icon when inactive


activeSize
Size of the icon when active


curve
Curved followed by the icon during animation


duration
Duration of the icon during animation


activeIcon
icon when active


inactiveIcon
icon when inactive


onTap
function called when the icon is tapped

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.