搜索插件、代码仓与 APP 分类

linkify_text 封面
插件详情v0.0.9

linkify_text

LinkifyText 是一个 Text 小部件,用于突出显示文本中的所有链接。点击突出显示的链接时,它会使用浏览器导航用户到该链接。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
332
喜欢数
22
Pub 分数
135

安装插件

flutter pub add linkify_text

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

LinkifyText 是一个 Flutter 小部件,可自动检测并突出显示纯文本中的 URL,将其转换为可点击的链接。在支持的平台上,点击后会在默认浏览器中打开链接。专为富文本显示设计,通过允许用户从文本内容无缝导航来提升用户体验。该包支持多种平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,适用于跨平台应用。它可轻松集成到现有的文本渲染工作流程中。

适合场景

  • 显示用户生成的内容,其中包含可点击的链接
  • 使用自动链接的URL创建富文本描述
  • 通过交互式链接增强聊天或评论部分
  • 使用可导航的引用构建文档或帮助屏幕
  • 直接从文本中集成外部资源

主要特点

  • 自动 URL 检测和高亮
  • 轻触以在默认浏览器中打开链接
  • 跨平台兼容性
  • 与现有 Text 小部件的简单集成
  • 支持所有主要的桌面和移动平台

适合对象

  • 需要富文本和可点击链接的应用
  • 社交媒体或消息界面
  • 文档或知识库应用
  • 内容密集型应用,带有用户输入
  • 寻求最小化设置的链接处理的开发者

使用建议

  • 不支持除基本高亮之外的自定义链接样式
  • 仅限 HTTP/HTTPS URL 检测
  • 不支持内置的电子邮件或电话号码链接
  • 依赖平台的默认浏览器进行导航
  • 可能需要为非HTTP协议进行额外配置

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

LinkifyText

LinkifyText Widget allows to highlight links in Text. It further allow navigation, link opening on browser, on tapping highlighted link.

Code Example

import 'package:flutter/material.dart';
import 'package:linkify_text/linkify_text.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(

        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(child:
        LinkifyText(

          //String literal that may contain link
          "Please visit google.com",

          //color for all non link text
          fontColor: Colors.black,

          //color to highlight link
          linkColor: Colors.blue,

          //font size
          fontSize: 20,

          //font weight of the text
          fontWeight: FontWeight.w500,

          //font family of the text
          fontFamily: "Roboto",

          //To enable navigation on tapping on highlighted link
          isLinkNavigationEnable: true,
        ),
      ),
    );
  }
}

Image

Screenshot_1582176175

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。