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

ducafecatFlutter 생태계 탐색
neon 표지
패키지 상세v0.1.0

neon

앱에서 아름다운 네온 사인을 사용할 수 있는 Flutter 플러그인입니다.

AndroidiOSWebmacOSWindowsLinux
pub.dev API 문서 소스 코드
30일 다운로드
117
좋아요
43
Pub 점수
140

패키지 설치

flutter pub add neon

패키지 개요

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

Neon은 개발자가 애플리케이션에 시각적으로 강렬한 네온 사인을 쉽게 통합할 수 있도록 해주는 Flutter 플러그인입니다. 생생한 빛나는 효과, 색상 전환 및 부드러운 애니메이션을 갖춘 사용자 정의 가능한 네온 효과를 제공하여 텍스트 요소의 시각적 매력을 높입니다. 현대적인 UI, 게임 앱 또는 창의적인 인터페이스에 적합하며 Android, iOS, Web, macOS, Windows, Linux 등 다양한 플랫폼을 지원합니다. 가볍고 간단한 위젯 API를 통해 쉽게 구현할 수 있습니다.

사용 사례

  • 인상적인 앱 헤더 만들기
  • 게임 또는 음악 앱 인터페이스 향상
  • 다시보드에 동적 텍스트 효과 추가하기
  • 미래주의 또는 레트로 테마 앱 설계하기
  • 애니메이션 환영 화면 구현

주요 기능

  • 생기 넘치는 네온 빛 효과
  • 사용자 지정 가능한 색상 및 불투명도
  • 부드러운 애니메이션 전환
  • 크로스 플랫폼 호환성
  • 간단한 위젯 기반 API
  • 텍스트 그림자 및 외곽선 지원

적합한 대상

  • 시각적 매력이 필요한 UI 디자이너
  • 창의적 또는 엔터테인먼트 앱을 개발하는 개발자
  • 애니메이션 텍스트 요소가 필요한 프로젝트
  • 젊은 세대 또는 기술에 능숙한 사용자를 대상으로 하는 앱
  • 미래 지향적이거나 스타일리시한 인터페이스 프로토타이핑

고려 사항

  • 저사양 기기에서 성능에 영향을 미칠 수 있습니다
  • 글로 효과가 모든 플랫폼에서 일관되게 렌더링되지 않을 수 있습니다
  • 가독성을 위해 대비를 신중히 고려해야 합니다
  • 미니멀하거나 전문적인 디자인 환경에는 적합하지 않음
  • 기본 네온 스타일링 외의 사용자 지정이 제한적

원본 README

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

neon

Neon

A Flutter plugin that allows you to use beautiful neon signs in your app. Link

description

As it is mentioned above, the plugin allows you to put neon style'sh signs into your app. There are several parameters for tunning:

String text - the actual text of the sign

MaterialColor color - text's color

double fontSize - text's size

NeonFont font - build-in fonts for the text:

- Automania
- Beon
- Cyberpunk
- LasEnter
- Membra
- Monoton
- Night-Club-70s
- Samarin
- TextMeOne

bool flickeringText - if the parameter is true text will be flickering with random frequency

List flickeringLetters - indexes of the letters in the text that will be flickering (if the parameter is null and flickeringText == true all the text will be flickering)

double blurRadius - radius of the blur effect

bool glowing - glowing parameter (glows if it's true)

Duration glowingDuration - the duration of the glowing

TextStyle textStyle - custom style for the text

code example

Neon(
    text: 'Retro',
    color: Colors.green,
    fontSize: 50,
    font: NeonFont.Membra,
    flickeringText: true,
    flickeringLetters: [0,1],
)

카테고리

텍스트 장식, 효과 및 애니메이션

의존성

의존성 목록 1 개

소스 저장소

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

아직 데이터가 없습니다.