Flutter的圆形文本小部件

flutter的圆形文本小部件

Circular Text Widget

Installation

Add dependency in pubspec.yaml:

dependencies: flutter_circular_text: "^0.3.0"

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.

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。