当前位置: 首页 > news >正文

flutter设备图标颜色与字体颜色相同自动适配明与暗的模式

以下内容为AI生成,非原创。亲测可用。


在 Flutter 中,如果你希望 Icon 的颜色跟随当前主题的常用文字颜色,可以这样做:

1️⃣ 使用 DefaultTextStyle 的颜色

Icon(Icons.arrow_forward_ios,size: 16,color: DefaultTextStyle.of(context).style.color,
)

这样图标就会跟随当前文字颜色变化(比如深色模式/浅色模式)。


2️⃣ 使用主题中的文字颜色(推荐方式)

Flutter 的 Material 3 推荐使用 Theme.of(context).colorScheme.onSurface 作为常规文字颜色:

Icon(Icons.arrow_forward_ios,size: 16,color: Theme.of(context).colorScheme.onSurface,
)
  • onSurface 表示“表面上文字和图标”的颜色,和普通文字颜色一致。
  • 在深色模式下也能自动适配。

3️⃣ 如果你想跟随 ListTile 的文字颜色

如果这个图标是放在 ListTile 右侧的 trailing 图标,可以不设置 color,它会自动继承文字颜色:

ListTile(title: Text('设备A'),trailing: Icon(Icons.arrow_forward_ios, size: 16),
)

如果你的页面主题是自定义的,我可以帮你给出一段 可以跟随主题动态变化的通用 Icon 组件,你希望我帮你写吗?

http://www.dtcms.com/a/309132.html

相关文章:

  • 力扣 hot100 Day62
  • UnityURP 使用StencilBuffer制作一个“看见看不见”的球
  • 第三方采购流程
  • 前端图片懒加载的深度指南:从理论到实战
  • 使用 whisper, 音频分割, 初步尝试,切割为小块,效果还不错 1
  • java对象的内存分配
  • linux编译基础知识-工具链
  • datagrip连接mysql数据库过程以及遇到的问题
  • Linux网络:多路转接 epoll
  • 深入讲讲异步FIFO
  • Blender 4.5 安装指南:快速配置中文版,适用于Win/mac/Linux系统
  • 汽车EDI:Vitesco EDI 项目案例
  • 基于单片机汽车少儿安全预警系统
  • 【世纪龙科技】汽车整车维护仿真教学软件-智构整车维护实训
  • Oracle EBS ERP开发 — 抛出异常EXCEPTION书写规范
  • 【世纪龙科技】3D交互深度赋能-汽车整车维护仿真教学软件
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现道路汽车的检测识别(C#代码,UI界面版)
  • Apache RocketMQ for AI 战略升级,开启 AI MQ 新时代
  • GXP6040K压力传感器可应用于医疗/汽车/家电
  • 在SQL SERVER 中,用SSMS 实现存储过程的每日自动调用
  • 嵌入式系统教学范式演进:云端仿真平台如何重构温湿度监测实验教学
  • Web开发-PHP应用弱类型脆弱Hash加密Bool类型Array数组函数转换比较
  • 动态规划 Dynamic programming
  • 渗透作业3
  • Kafka Streams 并行处理机制深度解析:任务(Task)与流线程(Stream Threads)的协同设计
  • kafka快速部署、集成、调优
  • 超越 ChatGPT:智能体崛起,开启全自主 AI 时代
  • 中英混合的语音识别XPhoneBERT 监督的音频到音素的编码器结合 f0 特征LID
  • 阿里云微服务引擎 MSE 及 API 网关 2025 年 7 月产品动态
  • 单变量单步时序预测:CNN-LSTM卷积神经网络结合长短期记忆神经网络