O Item com avatar é um componente Item que possui três subcomponentes: imagem, texto <h2> para o título e texto <h3> para o subtítulo. Item com avatar se diferencia da Lista com avatar por não precisar estar associada a uma fonte de dados, podendo ser alimentada manualmente.
Além do componente Item com avatar, o Cronapp também possui o Item com imagem, sendo que o primeiro a imagem recebe um contorno arredondado e o segundo, quadrado.
Figura 1 - Componente rodando no App
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Propriedade
Função
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Título
content
Altera o texto do título.
Subtítulo
content
Altera o texto do subtítulo.
Origem
src
Endereço da imagem, podendo ser local ou uma url externa.
Posição do texto
xattr-text-position
Define a posição do título e subtítulo, alinhando à direita, esquerda ou centro.
Posição da imagem
xattr-position
Define a posição do avatar e títulos: Esquerda: avatar e depois títulos e Direita: títulos e depois avatar.
Tema do Título
xattr-theme
Define as cores tema do título.
Tema do Subtítulo
xattr-theme
Define as cores tema do subtítulo.
Referência
href
Abre uma URL ao clicar no item.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.