bordered_text

패키지 개요

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

bordered_text 패키지는 Flutter의 Text 위젯에 미묘한 테두리 효과를 추가하여 외곽선이 있는 시각적으로 두드러진 텍스트를 생성할 수 있도록 합니다. Android, iOS, Web, macOS, Windows, Linux 등 여러 플랫폼을 지원하며 일관된 크로스플랫폼 디자인에 적합합니다. 가볍고 쉽게 통합 가능하며, 스트로크 너비, 색상, 블러 효과를 사용자 정의할 수 있습니다. 라벨, 제목 또는 배지와 같은 UI 요소에 이상적이며 복잡한 커스텀 페인팅 없이도 돋보이는 외관을 제공합니다.

사용 사례

윤곽선이 있는 스타일 텍스트 만들기
배지나 레이블과 같은 UI 요소 설계
테두리 대비를 통한 가독성 향상
게임이나 앱의 텍스트에 시각적 깊이 추가하기
다중 플랫폼에서 반응형 텍스트 효과 구현

주요 기능

텍스트에 미세한 스트로크 효과
사용자 지정 가능한 테두리 두께 및 색상
블러 효과 지원
크로스 플랫폼 호환성
기존 Text 위젯과의 간편한 통합
경량이고 성능이 뛰어남

적합한 대상

시각적 향상을 원하는 UI 디자이너
크로스 플랫폼 앱을 개발하는 개발자
외곽선 효과가 있는 텍스트를 필요로 하는 프로젝트
게임 또는 인터랙티브 앱 인터페이스
접근성 있는 텍스트 스타일이 필요한 앱

고려 사항

큰 텍스트 블록에서 성능에 영향을 미칠 수 있습니다
스트로크 효과는 모든 플랫폼에서 동일하게 렌더링되지 않을 수 있습니다
기본 스트로크 스타일에 제한됨(고급 그라디언트 또는 패턴 없음)
가독성을 위해 색상 선택에 신중해야 합니다
많은 텍스트 요소를 포함한 고성능 애니메이션에는 적합하지 않습니다

원본 README

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

BorderedText

Adds Stroke to a Flutter Text widget

Getting Started

Check the installation guide for how to install this plugin

Usage

We can apply a very thin and subtle stroke to a [Text]

import 'package:bordered_text/bordered_text.dart';

class StrokeTester extends StatelessWidget {

  const StrokeTester({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bordered Text test',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Bordered Text'),
        ),
        body: Center(
          child: BorderedText(
            strokeWidth: 1.0,
            child: Text(
              'Bordered Text Widget',
              style: TextStyle(
                decoration: TextDecoration.none,
                decorationColor: Colors.red,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

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

패키지 설치