Icon
El componente Icon de nuestra biblioteca es un elemento versátil que se utiliza para representar símbolos visuales o glifos dentro de la interfaz de usuario de una aplicación. Los iconos sirven para varios propósitos, como indicar acciones, transmitir información o representar objetos o conceptos.
Información
Puedes ver y buscar tus iconos en la página oficial de Ionicons.
Uso
Uso básico
import React from 'react';
import {CheckBox} from 'rn-inkpad';
const MyComponent = () => {
return <Icon name="airplane" size={28} />;
};
Props
| Nombre | Tipo | Requerido | Descripción |
|---|---|---|---|
| name | string | SI | Identificador del ícono a usar. |
| color | string | NO | Color del ícono. |
| size | number | NO | Tamaño del ícono. |
| style | StyleProp<TextStyle> | NO | Estilos personalizados para tu ícono. |
Información
No todas las propiedades de texto funcionan en iconos, por ejemplo la propiedad fontWeight no funciona, puedes ver este issue en el paquete oficial react-native-vector-icons.
¿Por qué usar este componente y no el del paquete?
El uso de este componente en lugar del que ya proporciona el paquete react-native-vector-icons le ofrece una ventaja única y es el tipo en el nombre de los iconos para evitar errores de escritura.