Flutter是否支持Display P3色彩配置文件？如何实现广色域显示？

Flutter默认渲染走sRGB色域，在iOS广色域屏幕上显示色彩偏淡是引擎默认配置问题，并非框架不支持该能力，按以下步骤配置即可启用P3色域渲染：

版本前置要求 #

• 必须将Flutter升级到3.13及以上稳定版本，低于该版本的引擎没有内置Display P3色彩空间的转换逻辑，强行修改配置会出现严重色偏。

iOS工程侧配置 #

1. 打开iOS工程下的ios/Runner/Info.plist文件，新增如下配置项：

<key>FLTEnableWideGamut</key>
<true/>

该配置会通知Flutter引擎在初始化渲染层时，创建支持Display P3色域的帧缓冲区，替代默认的sRGB缓冲区。
2. 打开Xcode工程内的Assets.xcassets，在右侧属性检查器面板中，将资源集的Color Space属性修改为Display P3，避免内置图片资源被Xcode编译时自动转换为sRGB色域。

Flutter代码侧适配 #

• 色值定义：不要使用默认的Color(0xFFxxxxxx)构造方法（该方法固定解析为sRGB色值），构造P3色域颜色时需要显式指定色彩空间，示例：

// 定义P3色域下的品牌红色
final brandRed = Color.fromARGB(
  255,
  245,
  32,
  67,
  colorSpace: ColorSpace.displayP3,
);

• 图片加载：本地P3资源图片只要内嵌了正确的P3 ICC配置文件，开启上述开关后Image.asset会自动按P3色域渲染，无需额外传参；网络图片需要确保资源本身携带正确的色域配置，否则引擎会默认按sRGB解析。

补充说明 #

• 开启广色域后渲染缓冲区的内存占用会有10%左右的小幅上涨，属于正常现象。
• Android端无需手动配置，Flutter引擎会在Android 8.0及以上、硬件支持广色域的设备上自动启用P3渲染。
• 开启配置后可以在iOS真机上运行，对比相同色值在原生UILabel和Flutter Text组件上的显示效果，确认色彩一致即配置生效。

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