我是靠谱客的博主 单身发带,这篇文章主要介绍Flutter中Text点击事件Flutter 中Text 的点击事件,现在分享给大家,希望可以做个参考。

Flutter 中Text 的点击事件

大家看Text的源码,是没有点击事件的,那么,如果想添加点击事件怎么写呢,来看我的。

1、首先把Text放在一个容器里。比如Container中,
2、在Container的child中new new GestureDetector() ,你会发现GestureDetector 就有一个属性onTap ,你可以在onTap中定义。
3、什么,你想把方法抽离出去,OK ,明白了,那就得这么写了。

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
class RightView extends StatelessWidget { String title; VoidCallback rightClick; RightView({this.title, this.rightClick}); @override Widget build(BuildContext context) { var containView; if (title != Null) { containView = new Container( alignment: Alignment.center, padding: EdgeInsets.all(10.0), child: GestureDetector( child: Text( this.title, style: TextStyle(color: Colors.white, fontSize: 18.0), ), onTap: this.rightClick, ), ); } else { containView = Text(""); } return containView; } }

那么,问题来了,怎么用呢。

复制代码
1
2
3
4
5
6
7
new RightView( title: "数据", rightClick: () { print("点我干什么"); }, );

就得这么处理。

最后

以上就是单身发带最近收集整理的关于Flutter中Text点击事件Flutter 中Text 的点击事件的全部内容,更多相关Flutter中Text点击事件Flutter内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(77)

评论列表共有 0 条评论

立即
投稿
返回
顶部