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

stroke_text 표지
패키지 상세v1.0.0

stroke_text

텍스트 위젯에 테두리(경계선) 스타일을 적용하기 위한 간단한 Flutter 플러그인

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
2.3천
좋아요
41
Pub 점수
130

패키지 설치

flutter pub add stroke_text

패키지 개요

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

Stroke Text는 개발자가 텍스트 위젯에 스트로크(테두리) 효과를 쉽게 추가할 수 있도록 해주는 가벼운 Flutter 패키지입니다. 표준 Text 위젯을 확장하여 사용자 정의 가능한 스트로크 두께, 색상 및 블러 반경을 지원하며, 시각적으로 강렬한 텍스트 요소를 만들기에 적합합니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원하여 장치 간 일관된 렌더링을 보장합니다. 최소한의 설정으로 복잡한 커스텀 페인팅 없이도 UI 디자인의 가능성을 확장할 수 있습니다.

사용 사례

  • 버튼용 외곽 텍스트 만들기
  • 테두리 효과가 있는 타이틀 카드 디자인
  • 시각적 깊이로 UI 요소 향상
  • 게임이나 앱에 장식 텍스트 추가하기
  • 고대비 텍스트를 통한 접근성 향상

주요 기능

  • 사용자 지정 가능한 스트로크 너비
  • 사용자 정의 가능한 테두리 색상
  • 블러 효과 지원
  • 크로스 플랫폼 호환성
  • 기존 Text 위젯과의 간편한 통합

적합한 대상

  • 시각적 향상을 원하는 UI 디자이너
  • 게임 또는 대시보드를 개발하는 개발자
  • 스타일링된 텍스트 요소가 필요한 앱
  • 접근성과 가독성에 중점을 둔 프로젝트

고려 사항

  • 많은 인스턴스가 있는 경우 성능에 영향을 미칠 수 있습니다
  • 모든 플랫폼에서 블러 효과가 지원되지 않습니다
  • 텍스트 장식에 국한되며, 전체 텍스트 스타일은 포함되지 않음
  • 가독성을 위해 대비 관리에 신중해야 합니다

원본 README

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

Stroke Text Widget

A simple flutter package to add stroke (border) style to a text widget

Installation

  1. Add this to your package's pubspec.yaml file:
dependencies:
  stroke_text: any
  1. Get the package using your IDE's GUI or via command line with
$ pub get
  1. Import the color.dart file in your app
import 'package:stroke_text/stroke_text.dart';

Usage

default text widget

StrokeText(text: "Stroke Text",)

custom text style

StrokeText(
  text: "Stroke Text",
  textStyle: TextStyle(
    fontSize: 50
  ),
),

StrokeText(
  text: "Flutter",
  textStyle: TextStyle(
    fontSize: 50,
    color: Colors.green
  ),
  strokeColor: Colors.amber,
  strokeWidth: 5,
),

Screenshots

카테고리

소스 저장소

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

아직 데이터가 없습니다.