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 |
|---|---|
- 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.
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.devThen, run flutter pub get to install the package.
Import the package in your Dart code:
import 'package:tap_hover_toggle/tap_hover_toggle.dart';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: (){},
)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
),
);
},
),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.
For a complete example of how to use this plugin, check out the example folder in this repository.
If you encounter any issues or have suggestions for improvement, please open an issue on our GitHub repository. We welcome your feedback!
This project is licensed under the MIT License - see the LICENSE file for details.