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
28class 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
7new RightView( title: "数据", rightClick: () { print("点我干什么"); }, );
就得这么处理。
最后
以上就是单身发带最近收集整理的关于Flutter中Text点击事件Flutter 中Text 的点击事件的全部内容,更多相关Flutter中Text点击事件Flutter内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复