搜索插件、代码仓与 APP 分类

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

所属分类

源码仓库

使用此插件的项目

暂无相关数据。