Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

circular text widget

circular text widget with flutter.

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

circular text widget flutter

multi text demo


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.