Tagtly 用于超链接
适用于 Android 和 iOS 的 Flutter 包，允许您在输入字段或文章视图中显示各种超链接，例如。
包帮助您检测
- 电子邮件。
- 网址。
- 社交媒体账号标签 [Facebook、Twitter、Instagram]。
- 以
#开头的词 [Hashtag]。 - 日期和时间
稍后我们将添加更多内容。
用法
- 作为文本字段
您可以使用 TagtlyTextField 来装饰所有超链接
TagtlyTextField(
decoration: const InputDecoration(
hintText: 'Type anything',
contentPadding: EdgeInsets.symmetric(horizontal: 8)),
onChanged: (String value) { },
)
您可以像在 TextFormField 中一样为 TagtlyTextField 添加自己的样式。
- 作为只读文本
如果您想将文本显示为只读而不进行修改，那么 TagtlyTextView 将为您提供帮助。
TagtlyTextView(
"Text here #welcome [email protected]",
onClick: (TextObj textObj) => log(textObj.type.toString()),
)
当用户点击超文本时，会调用参数 onClick(TextObj)。它将返回包含 textContent 和 textType 的 TextObj。您可以在此回调中对点击的文本执行一些操作。
TagtlyTextView() 和 TagtlyTextField()
此包通过正则表达式构建。
| 正则表达式 | 在 TagtlyTextView() 中检测 |
在 TagtlyTextField() 中检测 |
|---|---|---|
| 网址 | ✅ | ✅ |
| 电子邮件 | ✅ | ❌ |
| Hashtag | ✅ | ✅ |
| 标签 [Twitter、Facebook、Instagram] | ✅ | ✅ |
| 日期 | ✅ | ✅ |
| Time | ✅ | ✅ |
如何在 TagtlyTextField() 中使用它
| 正则表达式 | 视图 (View) |
|---|---|
| 网址 | https://www.tagtly.com |
| 电子邮件 | [email protected] |
| Hashtag | #tagtly |
| 标签 [Twitter] | tw: @mo_nasr 或 twitter: @mo_nasr |
| 标签 [Facebook] | fb: @mo_nasr 或 facebook: @mo_nasr |
| 标签 [Instagram] | insta: @mo_nasr 或 instagram: @mo_nasr |
| 日期 | 21/07/2022、21-07-2022、21.07.2022 等格式 |
| Time | 12:50 |
文本在 TagtlyTextView() 中如何显示
| 正则表达式 | 视图 (View) |
|---|---|
| 网址 | https://www.tagtly.com – 类似输入 |
| 电子邮件 | [email protected] – 类似输入 |
| Hashtag | #tagtly – 类似输入 |
| 标签 [Twitter] | https://www.twitter.com/mo_nasr |
| 标签 [Facebook] | https://#/mo_nasr |
| 标签 [Instagram] | https://www.instagram.com/mo_nasr |
| 日期 | 21/07/2022、21-07-2022、21.07.2022 等格式 – 类似输入 |
| Time | 12:50 – 类似输入 |
如果您有任何请求或问题，请随时在 github 上提问。
