quick_interact

Description:

quick interact

Quick Interact #
Quick Interact is a Flutter package inspired by the Instagram quick send feature. It provides a simple and intuitive API
to create interactive widgets with ease, allowing you to show quick interactions for any widget with various
configurations.








Features #

Display quick interactions for any widget
Customize the interaction with various configurations
Easy to use and integrate into any Flutter project

Installation #
To use this package, add quick_interact as a dependency in your pubspec.yaml file.
dependencies:
quick_interact: ^latest_version
copied to clipboard
Or you can install it from the command line:
bash
flutter pub add quick_interact
copied to clipboard
Usage #
Here is a basic example of using Quick Interact:
Widget iconQuickReaction({required QuickInteractConfig config}) {
return Center(
child: QuickInteractions(
quickInteractionWidgets: const [
Icon(Icons.thumb_up),
Icon(Icons.thumb_down),
Icon(Icons.favorite),
Icon(Icons.bookmark),
],
onQuickInteractCompleted: (index) {
print('Quick interaction selected: $index');
},
config: config,
child: const Icon(Icons.send),
),
);
}
copied to clipboard
Example User Avatar Usage #
Widget userAvatarQuickReaction({required QuickInteractConfig config}) {
return Center(
child: QuickInteractions(
quickInteractionWidgets: const [
CircleAvatar(
radius: 15,
backgroundImage:
NetworkImage('https://randomuser.me/api/portraits/men/1.jpg'),
),
CircleAvatar(
radius: 15,
backgroundImage:
NetworkImage('https://randomuser.me/api/portraits/women/2.jpg'),
),
CircleAvatar(
radius: 15,
backgroundImage:
NetworkImage('https://randomuser.me/api/portraits/men/3.jpg'),
),
CircleAvatar(
radius: 15,
backgroundImage:
NetworkImage('https://randomuser.me/api/portraits/women/4.jpg'),
),
],
onQuickInteractCompleted: (index) {
print('Quick interaction selected: $index');
},
animate: true,
config: QuickInteractConfig(),
showToolTipDelay: const Duration(milliseconds: 300),
child: const Icon(Icons.send),
),
);
}
copied to clipboard
API #
QuickInteractions #
QuickInteractions is a widget that provides quick interaction functionality. It uses long press gesture to trigger a
set of quick interaction widgets.
Attributes:

quickInteractionWidgets: The list of widgets for quick interactions.
config: The configuration model for QuickInteractBuilder and QuickInteract classes.
onQuickInteractCompleted: The callback function when a quick interaction is completed.
child: The child widget.
onTap: The callback function when the widget is tapped.
toolTip: The tooltip widget.
disable: A flag to disable the quick interactions.
animate: A flag to enable animation for the quick interactions.
showToolTipDelay: The delay before showing the tooltip.

QuickInteractConfig #
QuickInteractConfig is a configuration model for QuickInteractBuilder and QuickInteract classes. It allows you to
customize the behavior and appearance of the quick interaction widgets.
Parameters


widgetSize: Size of the quick interaction widgets container. Default is 35.


widgetPadding: Padding between quick interaction widgets. Default is 4.


transitionAnimationEndOffset: Offset animations end value. Default is Offset(0, -1).


scaleAnimationEndScale: Scale animations end value. Default is 1.5.


cursorAnimationDuration: Duration of the cursor animation. Default is Duration(milliseconds: 300).


containerColor: Color of the quick interaction container. No default value.


containerHeight: Height of the quick interaction container. Default is 40.


containerBorderRadius: Border radius of the quick interaction container. Default is BorderRadius.all(
Radius.circular(30)).


containerAnimationDuration: Duration of the container animation. Default is Duration(milliseconds: 300).


containerAnimationCurve: Curve of the container animation. Default is Curves.linearToEaseOut.


widgetAnimationCurve: Curve of the widget animation. Default is Curves.linearToEaseOut.


elevation: Elevation of the quick interaction container. Default is 5.
Named Constructors


QuickInteractConfig(): Creates a new instance of QuickInteractConfig with default values.


QuickInteractConfig.onlyTransition(): Creates a new instance of QuickInteractConfig with only transition offset
-2. The default elevation is set to 5.


QuickInteractConfig.onlyScale(): Creates a new instance of QuickInteractConfig with only scale 2. The default
elevation is set to 5.



Examples #
You can find more examples and different
usages in the example main.dart.
Upcoming Features #

Displaying quick interaction in a safe area
Providing a builder constructor to change state when active with boolean
For more information, please refer to the API documentation.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter