由于显示提示信息的组件,长按时显示信息。可指定边距、显示时长、文字样式、装饰灯属性。

Tooltip基本使用

  1. <br />【preferBelow】 : 是否首选下方 【bool】<br />【padding】 : 内边距 【EdgeInsetsGeometry】<br />【margin】 : 外边距 【EdgeInsetsGeometry】<br />【message】 : 消息内容 【String】<br />【showDuration】 : 展示时间 【Duration】<br />【waitDuration】 : 悬浮出现时间 【Duration】<br />【child】 : 孩子 【Widget】<br />![125.gif](https://cdn.nlark.com/yuque/0/2020/gif/326147/1589455730775-ee30df0b-5349-4030-b2d4-8088a4c1fb74.gif#align=left&display=inline&height=228&margin=%5Bobject%20Object%5D&name=125.gif&originHeight=228&originWidth=740&size=155011&status=done&style=none&width=740)
import 'package:flutter/material.dart';
class CustomTooltip extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Tooltip(
      preferBelow: true,
      padding: EdgeInsets.all(5),
      margin: EdgeInsets.all(5),
      message: "天王盖地虎",
      showDuration: Duration(seconds: 3),
      waitDuration: Duration(milliseconds: 200),
      child: Icon(Icons.info_outline),
    );
  }
}

Tooltip的装饰

   <br />【decoration】 : 装饰对象 【Decoration】<br />【textStyle】 : 文字样式   【double】<br />![126.gif](https://cdn.nlark.com/yuque/0/2020/gif/326147/1589455784472-c01214f2-7222-4452-a9b6-58ab93a7f2c5.gif#align=left&display=inline&height=228&margin=%5Bobject%20Object%5D&name=126.gif&originHeight=228&originWidth=740&size=112433&status=done&style=none&width=740)
import 'package:flutter/material.dart';
class DecorationTooltip extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Tooltip(
        preferBelow: false,
        padding: EdgeInsets.all(5),
        margin: EdgeInsets.all(2),
        message: "宝塔镇河妖",
        textStyle: TextStyle(
            color: Colors.red,
            shadows: [Shadow(color: Colors.white,
                offset: Offset(1, 1))]),
        decoration: BoxDecoration(boxShadow: [
          BoxShadow(
              color: Colors.orangeAccent,
              offset: Offset(1, 1), blurRadius: 8)
        ]),
        child: Icon(Icons.info_outline));
  }
}