パッケージ、リポジトリ、アプリカテゴリを検索

stroke_text のカバー
パッケージ詳細v1.0.0

stroke_text

テキストウィジェットにストローク(ボーダー)スタイルを適用するためのシンプルなFlutterプラグイン

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
2290
いいね数
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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。