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 分类

安装插件