Description:
holdable button
Holdable Button Flutter Plugin #
Holdable Button is a Flutter plugin that allows you to create interactive buttons with a unique animation. It enables users to hold a button, displaying a loading animation along its border, and then triggering a callback once the animation completes.
Demo 🎥 #
edge loading type:
filling loading type:
Benefits 🚀 #
Interactive Animation: Engage users with a button that responds to long presses, offering an interactive and visually appealing experience.
Customizable: Tailor the button to match your app's design by adjusting parameters such as button color, loading color, border radius, child widget, animation duration, and start position.
User Engagement: Encourage users to interact with your app by introducing a novel way to trigger actions.
How to Use 🛠️ #
Add the Holdable Button plugin to your pubspec.yaml file:
dependencies:
holdable_button: any
copied to clipboard
Install the plugin by running:
flutter pub get
copied to clipboard
Import the package in your Dart code:
import 'package:holdable_button/holdable_button.dart';
copied to clipboard
Implement the HoldableButton widget:
HoldableButton(
loadingType: LoadingType.edgeLoading,
width: 300,
height: 200,
buttonColor: Colors.blue,
loadingColor: Colors.white,
radius: 15.0,
child: Text('Hold Me'),
duration: 5,
startPoint: 0.25,
hasVibrate: true,
onConfirm: () {
// Callback when animation completes
},
)
copied to clipboard
Customization ⚙️ #
The HoldableButton widget supports the following parameters:
loadingType: the loading type: edgeLoading or fillingLoading.
buttonColor: The color of the button.
loadingColor: The color of the loading animation.
radius: The border radius of the button.
child: The widget inside the button.
duration: The duration of the animation in seconds.
startPoint: Start position in edgeLoading type.
hasVibrate: Enable Vibration after loading complete.
onConfirm: Callback when the animation completes.
Feel free to experiment with these parameters to achieve the desired look and behavior.
Contributing 🤝 #
Contributions are welcome! Please feel free to submit issues or pull requests.
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
