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
Comments are closed.