Flutter-在字符串中检测'@'和'#',然后将其用作路由链接(类似于twitter的tweet字段)

问题描述 投票:0回答:1

我正在尝试创建类似于Twitter的'tweet'字段的表单字段(尽管版本有限)。基本概念是自动检测用户是否在文本字段中为字符串中的标签键入了“ @”标签句柄或“#”,然后将其转换为链接(然后内部链接到应用程序内的屏幕)。

例如:如果用户在表单字段中键入并标记用户@janedoe,则它需要显示该链接,而该链接又将链接到她的个人资料屏幕。

我意识到pub.dev上有几个类似的用户库,但是我正在寻找一个原始代码版本,以更好地了解如何实现此目的。

flutter dart twitter
1个回答
0
投票

就“原始代码版本”而言,以下内容可能会有所帮助。

基本上,您需要准备一个普通的搜索功能。通常,搜索框会在显示3个字符之后开始显示“列表视图”。但是对于您而言,您会在使用类型@后立即开始显示它。

现在,搜索窗口(列​​表视图)可能包含名称及其配置文件链接。

例如,按照this链接中所述检查搜索功能。列表视图显示标题和描述。您可以说用用户名和个人资料链接替换它。

© www.soinside.com 2019 - 2024. All rights reserved.