flutter pub add flutter_circular_text基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个 Flutter 包，可使文本沿曲线圆形路径渲染，提供一种视觉上吸引人的圆形布局文本显示方式。非常适合创建动态和艺术性的 UI 元素，例如圆形进度指示器、徽章或装饰性文本排列。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，确保在不同设备上行为一致。通过专用小部件实现简单集成，支持自定义半径、角度和对齐选项。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Add dependency in pubspec.yaml:
dependencies:
flutter_circular_text: "^0.3.1"
Import in your project:
import 'package:flutter_circular_text/circular_text.dart';
CircularText(
children: [
TextItem(
text: Text(
"Chuck Norris".toUpperCase(),
style: TextStyle(
fontSize: 28,
color: Colors.blue,
fontWeight: FontWeight.bold,
),
),
space: 12,
startAngle: -90,
startAngleAlignment: StartAngleAlignment.center,
direction: CircularTextDirection.clockwise,
),
TextItem(
text: Text(
"top 100 Facts".toUpperCase(),
style: TextStyle(
fontSize: 20,
color: Colors.amberAccent,
fontWeight: FontWeight.bold,
),
),
space: 10,
startAngle: 90,
startAngleAlignment: StartAngleAlignment.center,
direction: CircularTextDirection.anticlockwise,
),
],
radius: 125,
position: CircularTextPosition.inside,
backgroundPaint: Paint()..color = Colors.grey.shade200,
)
example project contains single and multi text demos
Check Changelog for updates
Reporting issues and requests for new features are always welcome.