Flutter自定义主题在iOS端仅显示紫色，求助排查问题

安全阿岳

2026-7-4

问题排查与修复

核心问题：自定义MaterialColor的颜色值格式错误

你的主题文件中，customPrimaryColor 内多个颜色值包含无效十六进制字符 ss，导致Flutter无法正确解析颜色，iOS端会自动 fallback 到默认的紫色主题。

错误代码片段：

MaterialColor customPrimaryColor = const MaterialColor(
  0xFF10489B,
  <int, Color>{
    50: Color(0xFFss10489B), // 无效字符ss
    100: Color(0xFF10489B),

    800: Color(0xFFss10489B), // 无效字符ss
    900: Color(0xFF10ss489B), // 无效字符ss
  },
);

修复步骤

修正颜色值格式：移除所有颜色值中的ss，确保十六进制值仅包含0-9、A-F（大小写均可）字符。同时补充完整MaterialColor所需的50-900全色调值（步长100）：

MaterialColor customPrimaryColor = const MaterialColor(
  0xFF10489B,
  <int, Color>{
    50: Color(0xFFE3EAF5),
    100: Color(0xFFC3D8FB),
    200: Color(0xFFA2C2F6),
    300: Color(0xFF81ABF2),
    400: Color(0xFF6195ED),
    500: Color(0xFF10489B), // 主色
    600: Color(0xFF0E3F8C),
    700: Color(0xFF0C367D),
    800: Color(0xFF0A2D6E),
    900: Color(0xFF08245F),
  },
);

注：上述色调基于主色做亮度渐变，可根据需求自行调整。

修复main.dart的编译错误：main函数中settings变量未定义，需补充Firebase消息权限请求代码：

// 在print前添加权限请求逻辑
NotificationSettings settings = await messaging.requestPermission(
  alert: true,
  badge: true,
  sound: true,
  // 其他权限可按需配置
);
print('User granted permission: ${settings.authorizationStatus}');