当用户使用flutter键入一些文本时,如何解析和替换单词作为主题标签链接?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当用户使用flutter键入一些文本时,如何解析和替换单词作为主题标签链接?相关的知识,希望对你有一定的参考价值。

我想在用户输入一些文字来发帖时。但问题是当用户键入一个#标签符号(例如#avengers)时,我可以用链接或ontap小部件解析并替换该主题标签...与URL链接相同

答案

假设您想在用户完成发布后而不是在输入栏内执行此操作:

smart_text_view 0.1.0包中包含一些名为LinkTextSpan的东西,您可以使用它在视图上轻松实现它。他们的示例文件夹包含一个已实现的示例。

如Flutter官方实施here为Flutter Gallery Drawyer所示,您可以这样做:

_LinkTextSpan(
                style: linkStyle,
                url: 'https://something.com',
                text: 'flutter github repo',
              ),

_LinkTextSpan({ TextStyle style, String url, String text }) : super(
    style: style,
    text: text ?? url,
    recognizer: TapGestureRecognizer()..onTap = () {
      launch(url, forceSafariVC: false);
    }
  );

以上是关于当用户使用flutter键入一些文本时,如何解析和替换单词作为主题标签链接?的主要内容,如果未能解决你的问题,请参考以下文章

当用户键入一些文本时,IE textarea 的宽度会发生变化

当用户单击flutter应用程序中的后缀图标时,如何一一显示密码和确认密码?

在 textarea 上键入时突出显示文本

javascript:在用户键入或更改文本框值时忽略无效输入[重复]

显示用户在文本框中键入指定字符时的建议

当用户在文本字段中快速输入键时如何显示键的值