Flutter Tooltip Example

Flutter Tooltip tutroial

Hii Flutter developer in this article we learn how to show a tooltip on a button click in a flutter. Flutter make a cross-platform app for Android and iOS, we make Flutter tooltip an example.

In Flutter Tooltip widget is a material design tooltip that used to user know about the functionality of the widget. When a widget is equipped with a tooltip if the user long presses on the widget a tooltip appears as a floating label with some hint of text.

The tooltip has usually increased the accessibility of your App and, providing text-based clues for visual-based widgets.

Let,s  Start make a Simple Flutter tooltip example.

Firstly create a flutter project and open your main. dart file and clear your all code and copy the below code. if you want to add on the old project you can implement it according to your flow.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: Text('Flutter Tooltip '),
          ),
          body: Center(
              child: Column(children: <Widget>[
                Container(
                  margin: EdgeInsets.all(50),
                  child: Tooltip(
                      message: 'My Account',
                      child: FlatButton(
                        child: Icon(
                          Icons.account_box,
                          color: Colors.blue,
                          size: 50,
                        ),
                      )),
                ),
              ]))),
    );
  }
}

and Run your project for testing lear more flutter Solution click here

Facebooktwitterredditpinterestlinkedinmail
Recommended
Hi In this flutter tutorial we make flutter TabBar with…