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 的正确、预期用途。