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 的正确且预期的使用方法。