패키지 상세v1.4.0

simple_gradient_text

빠르고 간단한 그라데이션 텍스트를 만들 수 있습니다. 선형 또는 반경 방향으로 선택할 수 있으며, 색상과 표시할 텍스트만 결정하면 됩니다. 매우 쉬워요.

AndroidiOSWebmacOSWindowsLinux

pub.dev API 문서 소스 코드

30일 다운로드: 6.6만
좋아요: 124
Pub 점수: 160

패키지 설치

flutter pub add simple_gradient_text

패키지 개요

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

Simple Gradient Text는 최소한의 코드로 시각적으로 매력적인 그라데이션 텍스트 효과를 쉽게 만들 수 있도록 해주는 Flutter 패키지입니다. 선형 및 원형 그라데이션을 지원하며 사용자가 커스텀 색상을 정의하고 텍스트에 직접 적용할 수 있습니다. 동적 타이포그래피로 UI를 강화하는 데 이상적이며 Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼에서 작동합니다. 가볍고 간단한 구조로 단순함을 중시하면서도 유연성을 잃지 않습니다.

사용 사례

앱 제목에 그라데이션 효과 추가하기
색 전이로 버튼 레이블 강화하기
다시보드에서 눈길을 끄는 제목 만들기
애니메이션 텍스트 시각 효과를 통한 사용자 참여도 향상
생동감 있는 타이포그래피로 현대적인 UI 컴포넌트 디자인하기

주요 기능

선형 및 반경 방향 그라디언트 지원
간편한 색상 구성
최소한의 보일러플레이트 코드
크로스 플랫폼 호환성
경량이고 성능이 뛰어남
직관적인 설정을 갖춘 간단한 API

적합한 대상

시각적 매력이 필요한 UI 디자이너
현대적인 Flutter 앱을 개발하는 개발자
동적 텍스트 스타일링이 필요한 프로젝트
그라데이션 요소를 사용하는 브랜드 앱
빠르고 완성도 높은 인터페이스 프로토타이핑

고려 사항

그라데이션 유형 외에는 사용자 정의가 제한적입니다
내장 애니메이션 지원 없음
그라디언트 방향은 수동으로 지정해야 합니다
복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다
매우 복잡한 텍스트 효과에는 적합하지 않음

원본 README

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

gradient_text

Requires Flutter >=3.29.0

Create gradient texts simply and quickly.

Getting Started

Only add simple_gradient_text package to your pubspec.yaml.

dependencies:
  simple_gradient_text: 1.4.0

Then run flutter get --no-example.

Note: You can add directly - run flutter pub add simple_gradient_text in your project.

Add a linear gradient text

GradientText(
    'Gradient Text Example',
    style: TextStyle(
        fontSize: 40.0,
    ),
    colors: [
        Colors.blue,
        Colors.red,
        Colors.teal,
    ],
),

Add a radial gradient text

GradientText(
    'Gradient Text Example',
    style: TextStyle(
        fontSize: 40.0,
    ),
    gradientType: GradientType.radial,
    radius: 2.5,
    colors: [
        Colors.blue,
        Colors.red,
        Colors.teal,
    ],
),