Avatar
Esse componente tem como função auxiliar na manipulação, manutenção e padronização de avatares dentro de uma aplicação.
Exemplo
Visualização
Fonte
<Avatar
accessibility=""
id="61251953"
accessibilityLabel="Avatar"
borderColor="#e6d820"
borderWidth={4}
children={<Text>IY</Text>}
displayCamera={false}
image="https://avatars3.githubusercontent.com/u/61251953?s=460&u=0629bc9a136959d3c36d29df56c029881f834fcd&v=4"
key="0629bc9a136959d3c36d29df56c029881f834fcd"
onPress={() => {}}
onUpload={() => {}}
size={moderateScale(80)}
testID="61251953"
/>
Atributos
Formato | Conceito | Tipo |
---|---|---|
accessibility | Aqui é declarada a acessibilidade. | string |
id | ID do componente. | string |
accessibilityLabel | Define a palavra de acessibilidade. | string |
borderColor? | Define a cor da borda. | string |
borderWidth? | Define a largura da borda | number |
children? | Elementos filhos do componente. | React.ReactNode |
displayCamera? | Define se a câmera deve ser ligada (quando ligada renderiza dentro do componente a visão da câmera). | boolean |
image? | Define a imagem a ser renderizada, o que pode ser uma URL ou o caminho de uma imagem local. | string |
key? | Define a chave do componente. | number, string |
onPress? | Evento disparado quando componente é pressionado. Quando evocado, chama uma função. | function |
onUpload? | Evento disparado quando componente é atualizado. Quando evocado, chama uma função. | function |
ref? | Define uma referência no componente. | any |
showBorder? | Define se é para mostrar a borda do avatar. | boolean |
size? | Define o tamanho do componente. | number |
testID? | ID do componente quando utilizada em testes. | string |