有没有办法检测用户触摸TextSpan
中的哪个单词?
这一段是为了绕过堆栈溢出机器人,坚持我写更多的东西:)
你可以自己改进
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'),
)
]),
);
您可以使用recognizer
的TextSpan
属性,它允许几乎所有类型的事件。这是一个基本的实现。
import 'package:flutter/gestures.dart';
//... Following goes in StatefulWidget subclass
TapGestureRecognizer _recognizer1;
DoubleTapGestureRecognizer _recognizer2;
LongPressGestureRecognizer _recognizer3;
@override
void initState() {
super.initState();
_recognizer1 = TapGestureRecognizer()
..onTap = () {
print("tapped");
};
_recognizer2 = DoubleTapGestureRecognizer()
..onDoubleTap = () {
print("double tapped");
};
_recognizer3 = LongPressGestureRecognizer()
..onLongPress = () {
print("long pressed");
};
}
@override
Widget build(BuildContext context) {
var underlineStyle = TextStyle(decoration: TextDecoration.underline, color: Colors.black, fontSize: 16);
return Scaffold(
appBar: AppBar(title: Text("TextSpan")),
body: RichText(
text: TextSpan(
text: 'This is going to be a text which has ',
style: underlineStyle.copyWith(decoration: TextDecoration.none),
children: <TextSpan>[
TextSpan(text: 'single tap ', style: underlineStyle, recognizer: _recognizer1),
TextSpan(text: 'along with '),
TextSpan(text: 'double tap ', style: underlineStyle, recognizer: _recognizer2),
TextSpan(text: 'and '),
TextSpan(text: 'long press', style: underlineStyle, recognizer: _recognizer3),
],
),
),
);
}