FLUTTER ECOSYSTEM

tewshi/bordered-text

Flutter の Text ウィジェットにストロークを追加する

ボーダーテキスト のプロジェクト画像
Stars
22
Forks
10
最終プッシュ(UTC)
2026/06/29
プロジェクト状態
公開中
Joseph Ojoko GitHub avatar
GITHUB User

Joseph Ojoko ↗

Software Engineer

Berlin, Germany公式サイト ↗
言語C++CMakeDartSwiftCHTMLKotlinObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}
  • flutter_lints開発用^6.0.0

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

BorderedText

Build Status

pub package

Adds Stroke to a Flutter Text widget

https://github.com/tewshi/bordered-text/blob/master/screenshots/sample2.png?raw=true

https://github.com/tewshi/bordered-text/blob/master/screenshots/sample.png?raw=true

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,
              ),
            ),
          ),
        ),
      ),
    );
  }
}