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

搜尋套件、儲存庫與 APP 分類

安裝套件