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

패키지 상세v1.1.0

rich_typewriter

하위의 Text.rich 또는 RichText를 타자기처럼 애니메이션하는 위젯입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
38
좋아요
37
Pub 점수
150

패키지 설치

flutter pub add rich_typewriter

패키지 개요

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

Text.rich 또는 RichText 콘텐츠를 타자기 효과처럼 문자 단위로 부드러운 전환과 함께 타이핑하는 애니메이션을 제공하는 플러터 위젯입니다. 매력적인 온보딩 화면, 동적 메시지 또는 인터랙티브한 스토리텔링 인터페이스 제작에 이상적입니다. 애니메이션은 사용자 정의가 가능하며 모바일, 웹, 데스크톱을 포함한 모든 주요 플랫폼에서 작동합니다. 텍스트 콘텐츠에 시각적 리듬과 집중도를 더해 사용자 경험을 향상시킵니다.

사용 사례

  • 온보딩 튜토리얼
  • 인터랙티브 스토리텔링
  • 동적 메시지 표시
  • 애니메이션 환영 화면
  • 상호작용 가능한 UI 요소
  • 실시간 채팅 시뮬레이션

주요 기능

  • 문자 단위 타이핑 애니메이션
  • 풍부한 텍스트 형식을 지원합니다
  • 크로스 플랫폼 호환성
  • 사용자 정의 가능한 타이핑 속도
  • 부드러운 전환 효과
  • 기존 Text.rich와의 간편한 통합

적합한 대상

  • 애니메이션 텍스트 효과를 찾는 UI 디자이너
  • 인터랙티브 앱을 개발하는 개발자
  • 교육적 또는 서사 기반 애플리케이션
  • 주의를 끌 수 있는 텍스트 애니메이션을 필요로 하는 앱

고려 사항

  • 매우 긴 텍스트와 함께 성능에 영향을 미칠 수 있습니다
  • 최적의 UX를 위해 신중한 타이밍 설정이 필요합니다
  • 정적 또는 빠르게 변화하는 콘텐츠에 적합하지 않습니다
  • 애니메이션 중 개별 문자 스타일링에 대한 제한된 제어
  • 사용자 피로를 방지하기 위해 적절히 사용하는 것이 가장 좋습니다

원본 README

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

rich_typewriter

A widget that makes underlying Text.rich or RichText animate like a typewriter.

Preview

Motivation

I was creating a visual novel engine, so I needed a convenient way to animate RichTexts (with styles and WidgetSpans). Actually there are some packages which do the thing, but they do not work with existent RichTexts and/or do not support WidgetSpans.

In addition, it's also a kind of proof of concept in terms of interaction with the element tree.

Features

  • Wrap a Text.rich or a RichText to animate.
  • Supports trees of InlineSpan with arbitrary depth.
  • Can print both text characters and widgets.
  • Allows to set up different delays for different symbols.
  • Allows to call a function when the animation ends.

Usage

RichTypewriter(
        child: const Text.rich(TextSpan(text: "some text", children: [
      WidgetSpan(
          child: FlutterLogo(
        size: 100,
      ))
    ])));

카테고리

소스 저장소

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

아직 데이터가 없습니다.