Flutter circular text widget

Last update: Dec 28, 2022

Overview

Circular Text Widget

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

Multi Text Demo

Changelog

Check Changelog for updates

Bugs/Requests

Reporting issues and requests for new features are always welcome.

A text field that displays text on different languages based on your selection.

translatable_text_field A text field that displays text on different languages based on your selection. Its basic idea is that you place this fields i

Mar 13, 2022

Easy to use text widget for Flutter apps, which converts inlined urls into working, clickable links

LinkText Easy to use text widget for Flutter apps, which converts inlined URLs into clickable links. Allows custom styling. Usage LinkText widget does

Nov 4, 2022

Flutter Widget to display gradient text

GradientText A Flutter Widget for displaying gradient text, text with a gradient drawn through it. Getting Started Add the plugin (pub coming soon): d

Nov 4, 2022

A Flutter widget to dynamically add links to your text.

linkable A Flutter widget to add links to your text. By default, the Text or RichText widgets render the URLs in them as simple text which are not cli

Dec 15, 2021

This library provides a customizable Flutter widget that makes it easy to display text in the middle of a Divider.

1. About 1.1. Introduction 1.1.1. Install Library 1.1.2. Import It 1.1.3. Use TextDivider 1.2. Details 1.2.1. Customization Options 1.2.2. Horizontal

Feb 9, 2022

A Flutter plugin to rotate, resize, move, delete text, photo or any other widget.

sticker_view A Flutter plugin to rotate, resize, move, delete any text, image or any other widget. Available Features ✅ Rotate ✅ Resize ✅ Move ✅ Layer

Nov 26, 2022

A Flutter widget that simply balances the lines of two-line text

Flutter Balanced Text ⚖️ A Flutter widget that simply balances the lines of two-line text, especially useful on long titles or short descriptions. Doe

Nov 10, 2022

Widget to count the amount of nested widget tree, useful in the dynamic construction of the interface when it is important to know the depth of widget.

widget_tree_depth_counter Widget Tree Depth Counter WidgetTreeDepthCounter is a simple widget to count the amount of nested widget tree, useful in the

Aug 1, 2022

Slider controller - A package that gives us a slider controller a custom widget. This widget is used for easy customization for the slider widget

slider_controller A package that gives us a slider controller a custom widget. T

Sep 5, 2022

Comments

Feature: multiple labels

Great plugin!

It would be awesome to be able to set multiple text labels, each with its own position property (e.g. start angle OR end angle OR center angle).

Alternatively, or in addition, multiple labels can be rendered using spacing property (start, end, space around, space evenly) - similar to columns / rows. Also, similar to other Flutter widgets this widget can have ‘children’ property for multiple text labels.
enhancement

opened by volgin 2
Bugfix unicode

Fixed issues with unicode characters.

(See original dart documentation https://api.flutter.dev/flutter/dart-core/String/split.html)

To get a list of strings containing the individual runes of a string, you should not use split.

opened by TomTom0815 0
check array access index - avoid exception

When the CircularText Widget is updated with a new TextItem it will throw an exception. Reason for the exception: children had 2 items (for-loop), but oldDelegate.children still had one item Fixed by adding the needed check

opened by TomTom0815 0
Decoration support

I would like to have a background container along with the circular text which have rounded corners. And with a gradient bg color. For the time being it seems impossible to do.

However this is very important to use over images since image might be same color with the text so we need something behind the text.

What do you think @faob-dev ?

opened by aytunch 1

Flutter circular text widget

Related tags

Overview

Circular Text Widget

Installation

Basic usage

Examples

Demos

Single Text Demo

Multi Text Demo

Changelog

Bugs/Requests

You might also like...

A text field that displays text on different languages based on your selection.

Easy to use text widget for Flutter apps, which converts inlined urls into working, clickable links

Flutter Widget to display gradient text

A Flutter widget to dynamically add links to your text.

This library provides a customizable Flutter widget that makes it easy to display text in the middle of a Divider.

A Flutter plugin to rotate, resize, move, delete text, photo or any other widget.

A Flutter widget that simply balances the lines of two-line text

Widget to count the amount of nested widget tree, useful in the dynamic construction of the interface when it is important to know the depth of widget.

Slider controller - A package that gives us a slider controller a custom widget. This widget is used for easy customization for the slider widget

Comments

Feature: multiple labels

Bugfix unicode

check array access index - avoid exception

Decoration support

Owner

Farrukh

Text analyzer that extracts tokens from text for use in full-text search queries and indexes.

An Instagram like text editor Flutter widget that helps you to change your text style.

Grad text package - A Flutter Widget to draw gradients into text

A customizable Flutter library that provides a circular context menu

CircularProfileAvatar is a Flutter package which allows developers to implement circular profile avatar

A customizable circular slider for Flutter.

A Flutter package to create a nice circular menu using a Floating Action Button.

Open source Flutter package, simple circular progress bar.

A simple button that gives you the possibility to transform into a circular one and shows a progress indicator

Detectable text field - Flutter Text widgets with detection features