首页 > 其他分享 >auto_size_text 自动调整文本大小以适应其容器的 Flutter 插件

auto_size_text 自动调整文本大小以适应其容器的 Flutter 插件

时间:2024-08-27 09:48:26浏览次数:8  
标签:插件 return color auto item Colors text size

依赖

 auto_size_text: ^3.0.0 //自动调整文本大小

例子

class AutoSizeRichTextExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        width: double.infinity,
        child: AutoSizeText.rich(
          TextSpan(
            children: _getRichTextSpans(),
          ),
          style: TextStyle(fontSize: 50.0), // 初始字体大小
          maxLines: 1,
          minFontSize: 10.0,
          overflow: TextOverflow.ellipsis,
        ),
      ),
    );
  }

  List<TextSpan> _getRichTextSpans() {
    final List<Map<String, dynamic>> dataList = [
      {'text': 'This ', 'color': Colors.red},
      {'text': 'is ', 'color': Colors.blue},
      {'text': 'a ', 'color': Colors.green},
      {'text': 'slightly ', 'color': Colors.orange},
      {'text': 'longer ', 'color': Colors.purple},
      {'text': 'item', 'color': Colors.teal}
    ];

    return dataList.map((item) {
      return TextSpan(
        text: item['text'],
        style: TextStyle(color: item['color']),
      );
    }).toList();
  }
}

 

标签:插件,return,color,auto,item,Colors,text,size
From: https://www.cnblogs.com/xbinbin/p/18382057

相关文章

  • A review of ssm and their applications in connectedand automated vehicles safety
    ABSTRACTSurrogateSafetyMeasures(SSM)areimportantforsafetyperformanceevaluation,since crashesarerareeventsandhistoricalcrashdatadoesnotcapturenearcrashesthatarealsocriticalforimprovingsafety.Thispaper focusesonSSMandthei......
  • Autosar(Davinci) --- ADT和IDT如何Mapping
    前言    这里我们讲一下ADT如何与IDT进行Mapping一、ADT为什么要与IDT进行Mapping二、ADT和IDT如何Mapping鼠标右键【typeMappingSets】,选择【NewDatatypeMappingSet...】打开之后,我们起一个名字【DemoTypeMapping】然后选择【DataTypeMaps】来将ADT......
  • 前端模块自动导入的插件
    前言开发中通常会有很多导入语句,如何确保一些通用的api和hook无需每次手动导入即可使用。<scriptsetuplang="ts">import{ref,reactive}from"vue"import{useRoute,useRouter}from"vue-router"import{login}from"./api/user"constcount=r......
  • 利用kafka和kafka connect插件debezium实现oracle表同步
    1.kafka安装1.1.java安装openjdk下载,建议使用17,至少应该高于版本11#进入家目录,解压下载的java包,配置环境变量tarvxfopenjdk-20.0.1_linux-x64_bin.tar.gz-C/usr/local/vi.bash_profile#注意要把JAVA的目录放到$PATH之前exportJAVA_HOME=/usr/local/jdk-20exportP......
  • UE5蓝图 离线实时语音转文字插件 教程 c/c++插件 毫秒级响应 比http更节约资源
    UE5蓝图实现离线实时语音转文字插件教程如何用UE5蓝图实现离线实时语音转文字,实时接收麦克风音频并且快速的转换成文字。那么我来分享一下ez2txt这个插件。bilibili使用教程效果展示:蓝图:只要启动麦克风就可以了,其他的繁琐步骤插件都封装好了。参数说明Rule1_m......
  • SAP AUTOMAIL-自动发邮件功能
    总结针对发送邮件内容封装公用函数,针对不同业务场景,比如邮件统计排名晾晒类,各类业务催办类知会类邮件等,实现AUTOMAIL自动触发邮件。1.邮件发送内容:正文,附件,超链接等等1.1 正文可以是一般内容或表格明细清单,涉及到很多格式的设置,用HTML格式设置。1.2 附件可以是DOC, ......
  • WordPress插件存在严重缺陷,允许黑客获取管理员访问权限
    近日,网络安全研究人员披露了WordPress的LiteSpeedCache插件中的一个严重安全漏洞,该漏洞可能允许未经身份验证的用户获得管理员权限。国际知名网络黑客安全专家、东方联盟创始人郭盛华在周一的一份报告中表示:“该插件存在未经身份验证的权限提升漏洞,任何未经身份验证的访问者都......
  • notification ant插件 封装notification 防止多个相同的错误提示同时展示 message也
    import{notification}from'ant-design-vue'typeNoticeType='info'|'success'|'error'|'warning'//保证notification提示不重复constmessageSet=newSet();letclearTimer:number|undefined;interf......
  • AI人像换脸!Reactor插件本地部署方法(含报错解决及整合包)
    ​Reactor插件是什么?有什么用?Reactor是一个用于StableDiffusion的换脸插件,主要功能是实现图片中的精确换脸。它可以自动检测并替换图片中的多个面部,适用于多种场景,比如生成逼真的图像或者进行复杂的图片处理。通过Reactor,用户可以更轻松地实现高质量的换脸效果,提......
  • lvm 扩容 pvresize -v /dev/vdb lvextend -l +100%FREE /dev/vgdata/lvdata
    以root用户登录弹性云主机。执行fdisk-l命令,查看系统是否正确识别扩容后的磁盘。具体回显如图所示:扩容前/dev/vdb的容量是10GB,扩容后为20GB。执行pvdisplay命令,查看LVM的物理卷相关信息。具体回显如图所示:/dev/vdb的容量是10GB,说明物理卷容量未增加。执行pvresize-v 磁......