PlatformColor

React 实战教程 深入学习一线大厂必备前端技能,VIP 教程限时免费领取。 立即查看 >
PlatformColor(color1, [color2, ...colorN]);

You can use the PlatformColor function to access native colors on the target platform by supplying the native color’s corresponding string value. You pass a string to the PlatformColor function and, provided it exists on that platform, it will return the corresponding native color, which you can apply in any part of your application.

If you pass more than one string value to the PlatformColor function, it will treat the first value as the default and the rest as fallback.

PlatformColor("bogusName", "linkColor");

Since native colors can be sensitive to themes and/or high contrast, this platform specific logic also translates inside your components.

Supported colors#

For a full list of the types of system colors supported, see:

Example#

The string value provided to the PlatformColor function must match the string as it exists on the native platform where the app is running. In order to avoid runtime errors, the function should be wrapped in a platform check, either through a Platform.OS === 'platform' or a Platform.Select(), as shown on the example above.

Note: You can find a complete example that demonstrates proper, intended use of PlatformColor in PlatformColorExample.js.


本文档贡献者:sunnylqm(52.44%), sunnylqm(47.56%)#