Flutter开发之——Tooltip

发表于 2021-04-20 分类于开发， F-跨平台， Flutter 阅读时长 ≈ 1 分钟

一概述

Tooltip是一个消息提示组件
当用户点击或者长按时显示提示，在屏幕阅读器能够使它语音化，这有助于示例障碍人士阅读

2.1 构造函数

const Tooltip({
   Key? key,
   required this.message,
   this.height,
   this.padding,
   this.margin,
   this.verticalOffset,
   this.preferBelow,
   this.excludeFromSemantics,
   this.decoration,
   this.textStyle,
   this.waitDuration,
   this.showDuration,
   this.child,
 })

2.2 常用属性说明

属性	说明	取值
message	长按时展示文本内容	String
child	子控件	Widget
height	展现消息的高度	double
textStyle	展现消息的样式	TextStyle
waitDuration	等待时长	Duration
showDuration	展示时长	Duration

三示例

3.1 代码

Tooltip(
        message: '打印',
        verticalOffset: 2,
        waitDuration: Duration(seconds: 5),
        showDuration: Duration(seconds: 2),
        padding: EdgeInsets.all(2.0),
        margin: EdgeInsets.all(5.0),
        textStyle: TextStyle(color: Colors.blue),
        decoration: BoxDecoration(color: Colors.red),
        child: Icon(Icons.print),
        )

3.2 效果图

0%