GitLocker: The Coding Marketplace

Description:

animated button

Animated Button #
A very simple and customizable animated button.
Providing simple animation, and many customizable attributes such height, width, child, ... etc.
Getting Started #
Nothing difficult here, yet!

Simple Example #
import 'package:animated_button/animated_button.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Animated Button Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Demo(),
);
}
}

class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: AnimatedButton(
child: Text(
'Simple button',
style: TextStyle(
fontSize: 22,
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
onPressed: () {},
),
),
);
}
}
copied to clipboard
Button attributes #
AnimatedButton(
child: ..., // Child widget, Row, Text, Column,...etc.
onPressed: () {}, // Callback for onTap event
duration: 70, // Animaton duration, default is 70 Milliseconds
height: 100, // Button Height, default is 64
width: 200, // Button width, default is 200
enabled: true, // When disabled, onTap won't be called
// Shadow color is generated from button color,
// here you have the option to make it darker
// for lighter colors such white!
shadowDegree: ShadowDegree.dark,
color: Colors.blue,
)

copied to clipboard
For more examples, check example folder #
License #
MIT License.