Flutter中未直接用于Text组件的常量字符串如何修改显示颜色？

你可以根据实际需求选择以下任意一种方案实现：

方案1：给模型新增颜色属性（灵活性最高，支持每个菜单项独立配置颜色） #

1. 修改SideMenuModel类，新增可选的颜色字段：

import 'package:flutter/material.dart';

class SideMenuModel { 
  String name; 
  dynamic icon; 
  bool selected; 
  String imgpath; 
  String whiteimgpath;
  // 新增可选文字颜色字段，可设置默认通用颜色
  Color? textColor;

  SideMenuModel(
    this.name, 
    this.icon, 
    this.selected,
    {
      this.imgpath,
      this.whiteimgpath,
      this.textColor = Colors.black
    }
  ); 
}

2. 初始化菜单项时传入自定义颜色：

_navigationList.add(SideMenuModel(
  TextFile.TIMER, 
  Icons.timer,
  false,
  imgpath:"image/Timer.png",
  whiteimgpath:"image/newTimer.png",
  // 单独设置Timer菜单项的文字颜色
  textColor: Colors.red
));

3. 在菜单渲染逻辑中，给Text组件绑定颜色属性：

// 替换你原有渲染菜单名称的Text组件逻辑
Text(
  sideMenuItem.name,
  style: TextStyle(
    color: sideMenuItem.textColor ?? Colors.black
  ),
)

方案2：根据选中状态动态切换颜色（适合选中/未选中状态颜色统一的场景） #

无需修改模型代码，直接在渲染Text组件时根据selected字段判断颜色即可：

Text(
  sideMenuItem.name,
  style: TextStyle(
    // 选中时显示白色，未选中显示黑色，可自行调整
    color: sideMenuItem.selected ? Colors.white : Colors.black
  ),
)

方案3：针对TIMER常量单独设置颜色（无需修改模型，仅适配单个特殊菜单的场景） #

如果只需要给Timer这个菜单项单独改色，也可以直接在渲染时匹配常量判断：

Text(
  sideMenuItem.name,
  style: TextStyle(
    color: sideMenuItem.name == TextFile.TIMER ? Colors.blue : Colors.black
  ),
)

内容的提问来源于stack exchange，提问作者Abhay Sharma