패키지, 저장소 및 앱 카테고리 검색

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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.