flutte给text文本设置响应的几种方式_flutter text ontab

1.new GestureDetector()

利用GestureDetector中的ontap()事件进行文本点击响应。

child: GestureDetector(
          child: Text(
            this.title,
            style: TextStyle(color: Colors.white, fontSize: 18.0),
          ),
          onTap: this.rightClick,
        ),
rightClick: () {
    print("点我干什么");
  },
1
2
3
4
5
6
7
8
9
10

2.TextSpan()部件

child: Text.rich(
              TextSpan(
                children: [
                  TextSpan(
                    text: "hello",
                    style: TextStyle(fontSize: 29, color: Colors.red),
                  ),
                  TextSpan(
                    text: "world",
                    style: TextStyle(fontSize: 59, color: Colors.yellow),
                    // 设置点击事件
                    recognizer: TapGestureRecognizer()
                      ..onTap = () {
                        debugPrint("${i++}");
                      },
                  ),
                ],
              ),
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

3.Listener监听触摸事件