Gesture detection in Flutter TextSpan

Question

Is there a way to detect which word in the TextSpan was touched by the user?

This paragraph is here to get round the stack overflow robot that is insisting that I write more stuff :)

Answer 1

You can improve by yourself

import 'package:flutter/gestures.dart'; ...  new RichText(       text: new TextSpan(text: 'Non touchable. ', children: [         new TextSpan(           text: 'Tap here.',           recognizer: new TapGestureRecognizer()..onTap = () => print('Tap Here onTap'),         )       ]),     ); 

Answer 2

Screenshot:

---

Use recognizer property of TextSpan which allows almost all types of event.

RichText(   text: TextSpan(     children: [       TextSpan(         text: 'Single tap',         style: TextStyle(color: Colors.red[300]),         recognizer: TapGestureRecognizer()..onTap = () {           // Single tapped.         },       ),       TextSpan(         text: ' Double tap',         style: TextStyle(color: Colors.green[300]),         recognizer:  DoubleTapGestureRecognizer()..onDoubleTap = () {           // Double tapped.         }       ),       TextSpan(         text: ' Long press',         style: TextStyle(color: Colors.blue[300]),         recognizer: LongPressGestureRecognizer()..onLongPress = () {           // Long Pressed.         },       ),     ],   ), )