由于显示提示信息的组件,长按时显示信息。可指定边距、显示时长、文字样式、装饰灯属性。
Tooltip基本使用
<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));
}
}