Como usar?

1) Usando um componente:

Primeiramente você precisa importar o componente. Pra usar um componente basta colocá-lo em sua tela. Em caso de dúvidas de implementação, você pode visitar a documentação específica de um componente aqui mesmo neste site dentro da seção "moléculas".

import { ATLButton } from '@appsimples/atlantica-react-native'
...
return (
    <ATLButton
        title={'MyButton'}
        onPress={onPressMyButton}
    />
)

2) Estilização:

Os componentes recebem valores do tema criado durante a instalação da lib (ver instalação)

Mas se você quiser que apenas uma instância do seu componente tenha um visual diferente, isso pode ser feito ao sobrescrever as props iniciais e substituindo elas pelos valores desejados.

No exemplo abaixo, queremos que uma instância específica do botão tenha fontSize igual a 30.

import { ATLButton } from '@appsimples/atlantica-react-native'
...
return (
    <ATLButton
        title={'MyButton'}
        onPress={onPressMyButton}
        buttonBaseProps={{
            fontSize: 30
        }}
    />
)
← InstalaçãoEstrutura Geral →