美文网首页
Flutter “空芯”文字

Flutter “空芯”文字

作者: 倪大头 | 来源:发表于2022-11-09 15:19 被阅读0次
image.png

给TextStyle里的foreground属性传一个Paint即可:

Text(
  'Hello Datou', 
  style: TextStyle(
    fontSize: 45.sp,
    fontWeight: FontWeight.w700,
    foreground: Paint()
       ..style = PaintingStyle.stroke
       ..strokeWidth = 1
       ..color = Colors.white,
  ),
)

foreground属性与color互斥,文字颜色要在Paint()中设置
Paint().style要设为PaintingStyle.stroke才有空芯效果
strokeWidth为线条宽度

相关文章

  • Flutter “空芯”文字

    给TextStyle里的foreground属性传一个Paint即可: foreground属性与color互斥,...

  • 空芯人

    今天回家的路上,看见了一件稀罕的东西: 特别的亲切,想起了“豆腐渣工程”,就下车拍照留念。 以前在ThoughtW...

  • Flutter2空安全适配指南

    一、走进空安全(空安全最小必备知识) 从Flutter 2开始,Flutter便在配置中默认启用了空安全,通过将空...

  • 芯儿小语343《膨胀》

    芯儿原创 文字与文字的膨胀

  • Flutter教程app

    前言 使用Flutter开发Flutter教程,<-_<-有点意思! 功能 夜间模式、文字大小、文字方向、设备切换...

  • Flutter组件学习(四)—— 布局组件Row和Column

    序言 之前几篇文章介绍了Flutter——Text文字组件,Flutter——Image图片组件,Flutter—...

  • Flutter 项目适配空安全开启与关闭

    Flutter 2默认启用了空安全,所以通过Flutter 2创建的项目是已经开启了空安全的检查的。也可以可以通过...

  • Flutter 常用

    Flutter 发布模式判断 空值处理 flutter 图片拍摄 插件: https://pub.dev/pack...

  • Dart基础补充(一)

    AS创建空的Dart工程 AS创建Dart空工程 Android Studio -> New Flutter Pr...

  • Flutter 2 空安全

    从Flutter 2开始,Flutter便在配置中默认启用了空安全,通过将空检查合并到类型系统中,可以在开发过程中...

网友评论

      本文标题:Flutter “空芯”文字

      本文链接:https://www.haomeiwen.com/subject/vijntdtx.html