PlatformColor

js

PlatformColor(color1, [color2, ...colorN]);

你可以通过提供原生颜色对应的字符串值，使用 PlatformColor 函数来访问目标平台上的原生颜色。你将一个字符串传递给 PlatformColor 函数，如果该平台上存在此字符串，它将返回相应的原生颜色，你可以将其应用于应用程序的任何部分。

如果你向 PlatformColor 函数传递多个字符串值，它会将第一个值视为默认值，其余值作为后备值。

js

PlatformColor('bogusName', 'linkColor');

由于原生颜色可能对主题和/或高对比度敏感，这种平台特定的逻辑也会在你的组件内部生效。

支持的颜色

有关支持的系统颜色类型的完整列表，请参阅：

• Android:
  • R.attr - ?attr 前缀
  • R.color - @android:color 前缀
• iOS（Objective-C 和 Swift 表示法）：
  • UIColor 标准颜色
  • UIColor UI 元素颜色

开发者说明

Web

信息

如果你熟悉设计系统，另一种思考方式是，PlatformColor 让你可以利用本地设计系统的颜色令牌，从而使你的应用完美融合！

示例

提供给 PlatformColor 函数的字符串值必须与应用程序运行的原生平台上存在的字符串匹配。为了避免运行时错误，该函数应该包裹在平台检查中，可以通过 Platform.OS === 'platform' 或 Platform.select() 实现，如上例所示。

备注

你可以在 PlatformColorExample.js 中找到一个完整的示例，演示 PlatformColor 的正确预期用法。