PlatformColor
PlatformColor(color1, [color2, ...colorN]);
您可以使用 PlatformColor
函数通过提供原生颜色的对应字符串值来访问目标平台上的原生颜色。您将字符串传递给 PlatformColor
函数,如果该平台上存在该字符串,它将返回相应的原生颜色,您可以将其应用于应用程序的任何部分。
如果您向 PlatformColor
函数传递多个字符串值,它将把第一个值视为默认值,其余值视为备用值。
PlatformColor('bogusName', 'linkColor');
由于原生颜色可能对主题和/或高对比度敏感,因此此平台特定的逻辑也会在您的组件内部进行转换。
支持的颜色
有关支持的系统颜色类型的完整列表,请参阅
- Android
- iOS(Objective-C 和 Swift 表示法)
开发者说明
- Web
如果您熟悉设计系统,另一种思考方式是
PlatformColor
允许您利用本地设计系统的颜色标记,以便您的应用能够完美融入其中!
示例
提供给 PlatformColor
函数的字符串值必须与应用运行的原生平台上存在的字符串匹配。为了避免运行时错误,应通过 Platform.OS === 'platform'
或 Platform.select()
将该函数包装在平台检查中,如上例所示。
注意:您可以在 PlatformColorExample.js 中找到一个完整的示例,该示例演示了
PlatformColor
的正确预期用法。