<p>In this article, I'm going to share the example code of how to show Tooltip in Flutter. In Flutter, a tooltip appears when the related widget is long pressed, as shown in the below image.</p> <p>; background-color: rgb(30, 30, 30); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre-wrap;](color: #569cd6;](import color: #ce9178;]('package:flutter/material.dart'; color: #569cd6;](void main() { runApp(MyApp());}</p> <p>color: #569cd6;](class MyApp color: #569cd6;](extends StatelessWidget { color: #569cd6;](@override Widget build(BuildContext context) { color: #569cd6;](return MaterialApp( title: color: #ce9178;]('ToolTip App', home: Scaffold( appBar: AppBar(title: Text(color: #ce9178;]('Tooltip',)), body: Center( child: Container( child: Tooltip( message: color: #ce9178;]('FlutterLogo', child: FlutterLogo(size: color: #b5cea8;](100,)), ), ), ), ); }}</p> <p>Hope this example is useful to you. Thanks,Srikanth</p>
How to show Tooltip in Flutter?
This Article is posted by seven.srikanth at 5/28/2019 7:33:29 PM
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter
Tags: tooltip
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter