搜尋套件、儲存庫與 APP 分類

linkify_text 封面
套件詳情v0.0.9

linkify_text

LinkifyText 是一個 Text 小部件,可強調文字中的所有連結。點擊強調的連結時,會使用瀏覽器導航使用者至該連結。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
332
喜歡數
22
Pub 分數
135

安裝套件

flutter pub add linkify_text

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

LinkifyText 是一個 Flutter widget,可自動偵測並強調純文字中的 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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。