前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter基础widgets教程-Tooltip篇

Flutter基础widgets教程-Tooltip篇

原创
作者头像
青年码农
发布2020-10-10 17:22:59
8330
发布2020-10-10 17:22:59
举报
文章被收录于专栏:青年码农青年码农

1 Tooltip

一个文本提示工具,帮助解释一个按钮或其他用户界面,当widget长时间按下时(当用户采取其他适当操作时)显示一个提示标签

2 构造函数

代码语言:javascript
复制
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,
})

3 常用属性

3.1 message:提示的内容

代码语言:javascript
复制
message:'显示了',

3.2 height:提示框的高度

代码语言:javascript
复制
height: 50,

3.3 padding:内边距

代码语言:javascript
复制
padding: EdgeInsets.only(left: 10,right: 10),

3.4 verticalOffset:距离child的垂直距离

代码语言:javascript
复制
verticalOffset: 50,

3.5 preferBelowr:false 在child上面 true 在child下面提示

代码语言:javascript
复制
preferBelowr:false,

3.6 decoration: 可以对背景进行修饰

代码语言:javascript
复制
decoration: BoxDecoration(color: Colors.black45),

3.7 waitDuration:长按的时间

代码语言:javascript
复制
waitDuration: Duration(seconds: 2),

3.8 showDuration:显示的时间

代码语言:javascript
复制
showDuration: Duration(seconds: 5),

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 Tooltip
  • 2 构造函数
  • 3 常用属性
    • 3.1 message:提示的内容
      • 3.2 height:提示框的高度
        • 3.3 padding:内边距
          • 3.4 verticalOffset:距离child的垂直距离
            • 3.5 preferBelowr:false 在child上面 true 在child下面提示
              • 3.6 decoration: 可以对背景进行修饰
                • 3.7 waitDuration:长按的时间
                  • 3.8 showDuration:显示的时间
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档