Bubble Button
May 10, 2021 ยท View on GitHub

Animation will be triggred on clicking the button
Simple bubble button
Spring.bubbleButton(
onTap: () {
print('tapped');
},
child: RedCard()
),
Customized bubble button
import 'package:flutter/material.dart';
import 'package:spring/spring.dart';
import 'package:test123/blue_card.dart';
import 'package:test123/red_card.dart';
class SpringExample extends StatelessWidget {
final SpringController springController = SpringController();
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Spring.bubbleButton(
//optional can use gesture detector
onTap: () {
print('tapped');
},
animDuration: Duration(seconds: 1), //def=500m mil
bubbleStart: .4, //def=0.0
bubbleEnd: .9, //def=1.1
animStatus: (AnimStatus status) {
print(status);
},
curve: Curves.linear, //Curves.elasticOut
delay: Duration(milliseconds: 0), //def=0
child: RedCard(),
),
],
)),
);
}
}