tap_hover_toggle

Creator: coderz1093

Last updated:

0 purchases

TODO
Add to Cart

Description:

tap hover toggle

tap_hover_toggle #
A Flutter plugin that provides a versatile widget for handling tap and hover interactions. This widget allows you to easily detect taps and hover events on any of its child widgets, making it a valuable addition to your Flutter app's UI toolkit.



Mobile
Web









Features #

Easily integrate tap and hover functionality into your Flutter app.
Customize the widget's appearance and behavior according to your needs.
Toggle a boolean status when the widget is tapping or hovering.

Installation #
To use this widget in your Flutter project, simply add it to your pubspec.yaml file:
dependencies:
flutter:
sdk: flutter
tap_hover_toggle: ^0.0.1 # Use the latest version from pub.dev
copied to clipboard
Then, run flutter pub get to install the package.
Usage #
Import the package in your Dart code:
import 'package:tap_hover_toggle/tap_hover_toggle.dart';
copied to clipboard
Now, you can use the TapHoverToggle widget in your Flutter app. Here's an example of how to set it up:
TapHoverToggle(
builder: (isHoverOrTap){
return YourContentWidget();//return your child here
},
onClick: (){},
)
copied to clipboard
Example #

TapHoverToggle(
builder: (isHoverOrTap){
return Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: isHoverOrTap?const Color(0xFF1DA1F2):Colors.white,
border: Border.all(
color: isHoverOrTap?const Color(0xFF1DA1F2):Colors.black12,
width: 1
)
),
padding: const EdgeInsets.all(12),
child: Icon(
FontAwesomeIcons.twitter,
size: 16,
color: isHoverOrTap?Colors.white:Colors.black38
),
);
},
),
copied to clipboard

builder: You have to pass the widget you want to display here and you can customize the appearance and behavior of the widget on isHoverOrTap status change.
onClick: You can handle the onClick event here.

Example #
For a complete example of how to use this plugin, check out the example folder in this repository.

Issues and Feedback #
If you encounter any issues or have suggestions for improvement, please open an issue on our GitHub repository. We welcome your feedback!

License #
This project is licensed under the MIT License - see the LICENSE file for details.

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.