【问题标题】:How can I parse and replace a word as a hashtag link when user types some text using flutter?当用户使用颤振键入一些文本时,如何解析和替换一个单词作为主题标签链接?
【发布时间】:2019-09-04 09:41:23
【问题描述】:

我希望用户输入一些文本来发帖。但问题是当用户键入一个主题标签(例如#avengers)时,我可以解析该主题标签并将其替换为链接或 ontap 小部件...... URL 链接也是如此

【问题讨论】:

  • 主题标签也在 TextField 中吗?还是在帖子里?
  • 在文本域内
  • 你能分享你想要的设计吗?
  • @PhucTran 它的工作方式与 facebook、youtube 和 instagram 的标签系统相同
  • @PhucTran 我会展示代码,但数量很多

标签: flutter flutter-layout flutter-dependencies flutter-animation flutter-test


【解决方案1】:

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

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

如Flutter Gallery Drawyer的Flutter官方实现here所示,你可以这样做:

_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);
    }
  );

【讨论】:

  • 您能否详细说明它的工作原理 - 一段代码演示了您将如何实现 smart_text_view 来解析主题标签,这将大大有助于我更好地理解这一点。
猜你喜欢
  • 2013-06-19
  • 2016-01-12
  • 1970-01-01
  • 2016-01-17
  • 1970-01-01
  • 1970-01-01
  • 2012-04-11
  • 1970-01-01
  • 2011-03-31
相关资源
最近更新 更多