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

random_text_reveal 표지
패키지 상세v0.0.7

random_text_reveal

텍스트가 한 글자씩 나타나는 무작위 텍스트 노출 효과를 가진 텍스트 애니메이션 패키지(주로 영화에서 사용됨)

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
118
좋아요
85
Pub 점수
160

패키지 설치

flutter pub add random_text_reveal

패키지 개요

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

Flutter 패키지로, 영화에서 볼 수 있는 드라마틱한 노출 스타일을 모방하여 문자가 무작위 순서로 하나씩 나타나는 시네마틱 텍스트 애니메이션 효과를 생성합니다. 타이틀, 인트로 또는 긴장감 있는 텍스트 표시가 필요한 모든 UI 요소에 이상적입니다. 부드럽고 사용자 정의 가능한 애니메이션으로 모바일, 웹, 데스크톱 등 다양한 플랫폼을 지원하며, 동적인 비주얼 스토리텔링을 통해 사용자 참여도를 높입니다.

사용 사례

  • 영화 스타일의 제목 애니메이션
  • 인터랙티브 앱 소개
  • 매력적인 온보딩 화면
  • 동적 UI 텍스트가 드러남
  • 게임화 텍스트 효과

주요 기능

  • 글자 단위 무작위 노출
  • 시네마틱 영화 스타일 효과
  • 크로스 플랫폼 지원
  • 사용자 지정 가능한 애니메이션 속도
  • Flutter 위젯과의 간단한 통합
  • 기기 간 원활한 성능

적합한 대상

  • 시네마틱 효과를 원하는 앱 개발자
  • 시각적 인상에 중점을 둔 UI/UX 디자이너
  • 애니메이션 소개가 있는 프로젝트
  • 매력적인 콘텐츠를 갖춘 교육 앱
  • 게임화 애플리케이션

고려 사항

  • 미니멀리즘 디자인 스타일에 맞지 않을 수 있습니다
  • 매우 긴 텍스트에 대한 성능 영향
  • 최적의 효과를 얻기 위해 신중한 타이밍이 필요합니다
  • 기본 매개변수를 초과한 사용자 정의는 제한적입니다
  • 영향력을 유지하기 위해 적절히 사용하는 것이 가장 좋습니다

원본 README

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

pub package License: MIT

Random Text Reveal

A Flutter package that helps you create animated Text widgets with Random Text Reveal Effect for all platforms.

Simple Usage

You should pass in a text value to the RandomTextReveal widget. It will automatically animate by generating random characters & slowly reveal text one by one. You can customize the text by various parameters: style, duration, randomString etc.

const RandomTextReveal(
  text: 'Random Text Reveal',
  duration: Duration(seconds: 2),
  style: TextStyle(
    fontSize: 36,
    color: Colors.blue,
    fontWeight: FontWeight.bold,
  ),
  curve: Curves.easeIn,
)

Customized Usage

You can customize the RandomTextReveal widget by overriding the default values. Using GoogleFonts package, you can make it a lot appealing

RandomTextReveal(
  key: globalKey,
  text: 'PASSWORD',
  initialText: 'Ae8&vNQ32cK^',
  shouldPlayOnStart: false,
  duration: const Duration(seconds: 2),
  style: GoogleFonts.orbitron(
    textStyle: const TextStyle(
      fontSize: 24,
      color: Colors.green,
      fontWeight: FontWeight.bold,
      letterSpacing: 8,
    ),
  ),
  randomString: Source.alphabets,
  onFinished: () {
    debugPrint('Password cracked successfully');
  },
  curve: Curves.easeIn,
  overflow: TextOverflow.ellipsis,
  maxLines: 2,
)

'random-text-reveal-preview'

Parameters
  • text: String
  • initialText: String?
  • shouldPlayOnStart: bool
  • randomString: String
  • duration: Duration
  • onFinished: VoidCallback?
  • curve: Curve
  • style: TextStyle?
  • textDirection: TextDirection?
  • locale: Locale?
  • maxLines: int?
  • overflow: TextOverflow?
  • softWrap: bool?
  • textAlign: TextAlign?
  • semanticsLabel: String?

카테고리

소스 저장소

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

아직 데이터가 없습니다.