WebView中Firebase Remote Config颜色未加载，热重载无法修改菜单标题色

一、颜色无法从Firebase Remote Config加载的核心问题 #

• 你直接将Remote Config返回的字符串_remoteConfig.getString('labelColor')强制转为Color类型，这是错误的。Firebase中存储的十六进制颜色字符串（比如#FF0000）属于String类型，不能直接通过as Color完成类型转换，这种转换会直接失败，最终只能 fallback 到默认的labelColor。
• 修复方法：编写工具方法将十六进制字符串转为Color对象：

Color hexToColor(String hexString) {
  final buffer = StringBuffer();
  // 补全alpha通道，默认不透明
  if (hexString.length == 6 || hexString.length == 7) buffer.write('ff');
  // 移除#号并拼接
  buffer.write(hexString.replaceFirst('#', ''));
  return Color(int.parse(buffer.toString(), radix: 16));
}

然后修改菜单颜色的代码：

selectedItemColor: _remoteConfig.getString('labelColor').isNotEmpty 
    ? hexToColor(_remoteConfig.getString('labelColor')) 
    : labelColor,

二、热重载无法触发配置更新的问题 #

• initState仅在组件首次初始化时执行，热重载不会重新调用该方法，因此_initConfig不会再次触发，也就不会重新拉取Remote Config的最新配置。
• 修复方法：
  • 开发阶段可以直接使用热重启（Hot Restart）替代热重载，强制重新执行initState拉取配置；
  • 也可以手动添加刷新逻辑，比如新增一个调试按钮触发配置刷新：

void _refreshConfig() async {
  await _fetchConfig();
  setState(() {});
}

在UI中添加按钮调用该方法，即可手动触发配置更新并刷新状态。

额外检查项 #

确认Firebase控制台的配置已生效：

• 确保labelColor对应的取值是有效的十六进制颜色字符串（比如#FF0000或FF0000）；
• 确认已点击控制台的「发布更改」按钮，未发布的配置不会被客户端拉取到。

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