パッケージ、リポジトリ、アプリカテゴリを検索

linkify_text のカバー
パッケージ詳細v0.0.9

linkify_text

LinkifyText は、テキスト内のすべてのリンクをハイライトする Text ウィジェットです。ハイライトされたリンクをタップすると、ブラウザを使用してユーザーをリンク先にナビゲートします。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
332
いいね数
22
Pub ポイント
135

パッケージをインストール

flutter pub add linkify_text

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

LinkifyText は、プレーンテキスト内の URL を自動的に検出し、ハイライト表示してクリック可能なリンクに変換する Flutter ウィジェットです。タップすると、対応するプラットフォームでデフォルトのブラウザでリンクが開きます。豊かなテキスト表示を目的として設計されており、テキストコンテンツからスムーズなナビゲーションを可能にするため、ユーザー体験を向上させます。このパッケージは、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 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。