flutter_richtext_composer

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

국제화(i18n)를 지원하는 풍부한 텍스트 생성을 간소화하기 위해 설계된 플러터 패키지입니다. 개발자가 여러 스타일, 링크, 이모지를 포함한 형식화된 텍스트를 깔끔하고 가독성 있게 조합할 수 있도록 하며, 적절한 로컬라이제이션을 보장합니다. 이 패키지는 모든 주요 플랫폼의 플러터 앱에 원활하게 통합되어 알림, 메시지 또는 안내형 UI와 같은 동적 콘텐츠에 이상적입니다. API는 직관적이며 유지보수성과 확장성에 중점을 둡니다.

사용 사례

현지화된 채팅 인터페이스 구축
스타일링된 사용자 생성 콘텐츠 표시
다국어 지침 텍스트 만들기
동적 알림 메시지 생성
풍부한 형식의 툴팁 구현

주요 기능

i18n 친화적인 풍부한 텍스트 조합
여러 텍스트 스타일 및 링크 지원
Flutter의 Text 위젯과의 간편한 통합
크로스 플랫폼 호환성
깔끔한 선언형 API
이모티콘 및 특수 문자 처리

적합한 대상

다국어 앱을 개발하는 개발자
유지보수 가능한 풍부한 텍스트 로직이 필요한 팀
동적 또는 사용자 생성 콘텐츠를 가진 앱
로컬라이제이션과 함께 형식화된 텍스트가 필요한 UI
가독성과 확장성을 중시하는 프로젝트

고려 사항

번역 키를 주의 깊게 다뤄야 합니다
광범위한 서식 설정으로 인해 번들 크기가 약간 증가할 수 있습니다
텍스트 기반 콘텐츠에만 제한되며, 이미지나 복잡한 레이아웃은 포함되지 않습니다
부모 앱의 올바른 i18n 설정에 의존
대규모 고성능 텍스트 렌더링을 위한 것이 아님

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

A Flutter package for composing RichText in a i18n friendly way.

Getting Started

Import the library with

import 'package:flutter_richtext_composer/flutter_richtext_composer.dart';

Example

Then you can start composing RichText like this:

RichTextComposer(
  'Hi {name}, I am {my_name}! {icon}',
  style: TextStyle(fontSize: 30),
  placeholders: {
    'name': TextSpan(
          text: 'Son',
          style: TextStyle(fontWeight: FontWeight.bold),
    ),
    'my_name': TextSpan(
          text: 'Dad',
          style: TextStyle(
            color: Colors.red,
            decoration: TextDecoration.underline,
          ),
    ),
    'icon': WidgetSpan(
      child: GestureDetector(
        child: Icon(Icons.person),
        onTap: () {
          ScaffoldMessenger.of(context).showSnackBar(SnackBar(
            content: Text('Icon has been clicked'),
          ));
        },
      ),
    ),
  },
),

To escape the placeholder, prefix with \, e.g \{placeholder}:

RichTextComposer(
  'Hi \\{dad}, I am {batman}!',
  style: TextStyle(fontSize: 25),
  placeholders: {
    'batman': TextSpan(
          text: 'Batman',
          style: TextStyle(
            color: Colors.red,
            decoration: TextDecoration.underline,
          ),
    ),
  },
),