flutter根据给定宽度⾃适应缩放字体⼤⼩
flutterautotext
flutter 插件
根据宽度⾃动缩放字体
属性:
text , //String 要显⽰的⽂字
复制代码
width</font> , //doule 指定text的⽗容器的宽度,必须制定宽度
复制代码
minTextSize , //double 最⼩的字体⼤⼩默认最⼩是6
复制代码
textSize , //double 正常的字体⼤⼩,默认值是14
复制代码
textColor , //Color 正常的字体颜⾊
复制代码
textStyle ,//TextStyle textStyle⽂字样式,上⾯的textSize和textColor可以不⽤单独写,写这个也⾏,同样⽤这个也可以设置字体粗体啊,斜体啊啥的,功能更强复制代码
提⽰:
```width``` 这个是必须的属性,因为在build之前⽆法拿到宽度,必须指定宽度,才能根据宽度进⾏适配
其实原理很简单,就是给⼀个动画,然后在动画结束拿到text的宽度是否⼤于给定的宽度,
如果⼤于给定的宽度,做⼀个循环来缩⼩字体,然后重新判断字体的宽度,直到宽度⼩于等于给定的宽度为⽌。
textstyle
复制代码
Example
1、⾸先在pubspec.yaml中添加依赖
dependencies:
flutter:
sdk: flutter
flutterautotext:
git: github/LiuC520/flutterautotext.git
复制代码
import 'package:flutterautotext/flutterautotext.dart';
FlutterAutoText(
width: 50, //这个是必须的
text: "我是刘成" ,
textSize: 12,
),
复制代码
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论