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

flutter_circular_text 封面
套件詳情v0.3.1

flutter_circular_text

一個將文字置於彎曲圓形路徑上的 Flutter 套件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
3500
喜歡數
177
Pub 分數
160

安裝套件

flutter pub add flutter_circular_text

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個 Flutter 套件,可讓文字沿曲線圓形路徑顯示,提供一種視覺上吸引人的圓形版面文字呈現方式。非常適合用來創造動態且具藝術感的 UI 元素,例如圓形進度指示器、徽章或裝飾性文字排版。此套件支援 Android、iOS、Web、macOS、Windows 與 Linux 多個平台,確保跨裝置行為一致。透過專用組件輕鬆整合,並支援自訂半徑、角度與對齊選項。

適用情境

  • 創建圓形文本徽章
  • 設計動畫圓形標籤
  • 構建裝飾性UI元素
  • 實現圓形進度顯示
  • 增強儀表板視覺效果

主要特色

  • 沿曲線圓形路徑的文字
  • 可自訂的半徑和角度
  • 支援多個平台
  • 簡單小部件整合
  • 對齊與旋轉控制

適合對象

  • 尋求創意文字版面配置的UI設計師
  • 開發互動式儀表板的開發者
  • 需要獨特視覺效果的應用
  • 具有循環或徑向設計主題的專案
  • 原型設計藝術化介面

使用建議

  • 可能影響大量文字時的效能
  • 僅限圓形路徑
  • 需要仔細對齊以確保可讀性
  • 不適合長段落
  • 文字方向可能需要手動調整

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Circular Text Widget

pub package

Installation

Add dependency in pubspec.yaml:

dependencies:
  flutter_circular_text: "^0.3.1"

Import in your project:

import 'package:flutter_circular_text/circular_text.dart';

Basic usage

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

Examples

example project contains single and multi text demos

Demos
Single Text Demo

alt tag

Multi Text Demo

Changelog

Check Changelog for updates

Bugs/Requests

Reporting issues and requests for new features are always welcome.

所屬分類

原始碼儲存庫

使用此套件的專案