Native Shopify Mobile App with 20 new features
Kickstart your hyperlocal marketplace in Corona pandemic with a starter guide
Android App Development
iOS App Development
Cross Platform App Development
Hire on-demand project developers and turn your idea into working reality.
Big thanks to Webkul and his team for helping get Opencart 188.8.131.52 release ready!
Owner and Founder. Opencart
Tooltip explains the functionality of an icon or user interface action with the help of a text label and helps us to explain features of an app in a better way. Tooltip in flutter is very easy to use.
When a user moves or points over a particular widget, it shows additional information. As a result, it increases the accessibility of an application. The use case of tooltip is when you have a lot of information to show in screen but UI of the application is too thick to show all data at once. In that case, you can just wrap your widgets with tooltip and when you long press or hover over the widget, tooltip will show information about the widget. It makes the application more open.
message ~> It is the text to display in the tooltip. It cannot be null if rich message is null.
child ~> child is the widget that needs to show tooltip.
height ~> This property specifies the height of tooltip. It takes a double value.
decoration ~> decoration property controls the background color and shape of the tooltip.
padding~> padding determines the space between the border and main content of the tooltip.
showDuration ~> showDuration determines the time in seconds for which the tooltip should be displayed.
textStyle ~> This property is used to take care of the styling of the message in the tooltip such as font size or color.
verticalOffset ~> This property is utilized to control the vertical distance between the tooltip and the widget.
waitDuration ~> Controls the time after which the tooltip will be made apparent once the user floats over the widget of presses it for over one second.
Create a new project and use some widgets to build a simple UI.
Now wrap your icon and text widgets with tooltip and add message.
This is how we add tooltip in flutter. You can use more of its properties.
Thanks for reading this article ❤
If I got something wrong 🙈, let me know in the comments. I would love to improve.
For more interesting blogs check out here – https://mobikul.com/blog/
Reference link: https://api.flutter.dev/flutter/material/Tooltip-class.html
Your email address will not be published. Required fields are marked*
Save my name email and website in this browser for the next time I comment.
Be the first to comment.
When I think in getting solutions for my Ecommerce Platform, I think of Webkul. They have been such a blessing in our business. We have spent thousands of dollars in support and modules from them. We love their support team. They work very closely with us, and they always go the extra mile when we need help.
Enquiry or Requirement
If you have more details or questions, you can reply to the received confirmation email.