Icon
Esse componente tem como função auxiliar na manipulação, manutenção e padronização de ícones dentro de uma aplicação.
Exemplo
Visualização
Fonte
<Icon
accessibility="Ícone de milho"
id="2r032178"
name="corn"
color="#f52"
/>
<Icon
accessibility="Ícone de vaca"
id="2r032179"
name="cow"
color="#61f"
/>
Atributos
Formato | Conceito | Tipo |
---|---|---|
accessibility | Aqui é declarada a acessibilidade. | string |
id | ID do componente. | string |
name | Nome do ícone a ser renderizado, é proveniente dos ícones do Material Community Icons. | string |
accessibilityLabel? | Aqui é declarada a acessibilidade para quando for háptico. | string |
backgroundColor? | Aqui é declarada a cor de fundo quando for um SGV. | string |
borderColor? | Aqui é declarada a cor de borda quando for um SGV. | string |
children? | Elementos filhos do componente. | React.ReactNode |
color? | Aqui é declarada a cor do ícone. | string |
disabled? | Define s está habilitado ou não para pressionar. | boolean |
haptic? | Define as configurações hápticas do componente, podendo ser: impact, notification, selection, impactLight, impactMedium, impactHeavy, notificationError, notificationSuccess, notificationWarning, undefined. | string |
hitSlop? | Define as configurações visuais de quando o componente é pressionado. | HitSlopType |
key? | Define a chave do componente. | number, string |
size? | Define o tamanho do ícone. | number |
style? | Define o estilo do ícone. | any |
testID? | ID do componente de teste. | string |
touchable? | Define se o componente é tocável. | boolean |