博客
关于我
Flutter开发之——Tooltip
阅读量:100 次
发布时间:2019-02-26

本文共 909 字,大约阅读时间需要 3 分钟。

一 概述

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

二 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 效果图

转载地址:http://lfsk.baihongyu.com/

你可能感兴趣的文章
ndarray 比 recarray 访问快吗?
查看>>
ndk-cmake
查看>>
NdkBootPicker 使用与安装指南
查看>>
ndk特定版本下载
查看>>
NDK编译错误expected specifier-qualifier-list before...
查看>>
Neat Stuff to Do in List Controls Using Custom Draw
查看>>
Necurs僵尸网络攻击美国金融机构 利用Trickbot银行木马窃取账户信息和欺诈
查看>>
Needle in a haystack: efficient storage of billions of photos 【转】
查看>>
NeHe OpenGL教程 07 纹理过滤、应用光照
查看>>
NeHe OpenGL教程 第四十四课:3D光晕
查看>>
Neighbor2Neighbor 开源项目教程
查看>>
neo4j图形数据库Java应用
查看>>
Neo4j图数据库_web页面关闭登录实现免登陆访问_常用的cypher语句_删除_查询_创建关系图谱---Neo4j图数据库工作笔记0013
查看>>
Neo4j图数据库的介绍_图数据库结构_节点_关系_属性_数据---Neo4j图数据库工作笔记0001
查看>>
Neo4j图数据库的数据模型_包括节点_属性_数据_关系---Neo4j图数据库工作笔记0002
查看>>
Neo4j安装部署及使用
查看>>
Neo4j电影关系图Cypher
查看>>
Neo4j的安装与使用
查看>>
Neo4j(1):图数据库Neo4j介绍
查看>>
Neo4j(2):环境搭建
查看>>