ATLImageLogo
Esta molécula é composta por uma imagem centralizada aplicada ao caso de uso de um logotipo.
Para visitar a documentação de design desta molécula, clique aqui.
Exemplo de Uso:
import { ATLImageLogo } from '@appsimples/atlantica-react-native'
...
<ATLImageLogo
source={logo}
/>
Props
source
Imagem de logotipo a ser exibida.
| Tipo | Obrigatório |
|---|---|
| ImageSourcePropType | Sim |
horizontalMargin
Essa propriedade deve ser modificada caso seja necessário alterar a margem horizontal externa da imagem.
Abaixo temos uma tabela indicando o token ao qual a prop está relacionada e o seu valor padrão.
| Prop | Token | Default Value |
|---|---|---|
| horizontalMargin | SpacingWide | 64 |
verticalMargin
Essa propriedade deve ser modificada caso seja necessário alterar a margem vertical externa da imagem.
Abaixo temos uma tabela indicando o token ao qual a prop está relacionada e o seu valor padrão.
| Prop | Token | Default Value |
|---|---|---|
| verticalMargin | SpacingBase | 8 |
imageBaseProps
Caso seja necessário mudar alguma propriedade base do átomo de imagem, é possível através da modificação das imageBaseProps.
Abaixo temos uma tabela com todas as props da imagem, os tokens aos quais estão relacionadas e o seu valor padrão.
| Prop | Token | Default Value |
|---|---|---|
| borderColor | ColorNone | 'transparent' |
| borderRadius | BorderRadiusLogo | 0 |
| borderWidth | BorderWidthLogo | 0 |
| height | HeightImageLogo | 120 |
| opacity | OpacityLogo | 1 |
| resizeMode | ResizeModeLogo | 'cover' |
Para mais informações, acesse ATLImageBase.