PlatformColor

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

js

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

Puedes utilizar la función PlatformColor para acceder a colores nativos de la plataforma destino proporcionando el valor de cadena correspondiente al color nativo. Pasas una cadena a la función PlatformColor y, si existe en esa plataforma, devolverá el color nativo correspondiente que podrás aplicar en cualquier parte de tu aplicación.

Si pasas más de un valor de cadena a la función PlatformColor, tratará el primer valor como predeterminado y los restantes como alternativas.

js

PlatformColor('bogusName', 'linkColor');

Dado que los colores nativos pueden ser sensibles a temas y/o alto contraste, esta lógica específica de plataforma también se aplica dentro de tus componentes.

Colores admitidos

Para ver una lista completa de los tipos de colores del sistema admitidos, consulta:

• Android:

  • R.attr - prefijo ?attr
  • R.color - prefijo @android:color

• iOS (notaciones Objective-C y Swift):

  • UIColor Standard Colors
  • UIColor UI Element Colors

Notas para desarrolladores

Web

información

If you’re familiar with design systems, another way of thinking about this is that PlatformColor lets you tap into the local design system's color tokens so your app can blend right in!

Ejemplo

El valor de cadena proporcionado a PlatformColor debe coincidir exactamente con la cadena existente en la plataforma nativa donde se ejecuta la aplicación. Para evitar errores en tiempo de ejecución, la función debe encapsularse en una verificación de plataforma, ya sea mediante Platform.OS === 'platform' o Platform.select(), como se muestra en el ejemplo anterior.

nota

Puedes encontrar un ejemplo completo que demuestra el uso correcto de PlatformColor en PlatformColorExample.js.