Instalação

Permissão

  • A lib do Atlantica é um pacote privado da npm e é necessário ser adicionado à organização @appsimples para poder fazer a instalação.
  • Uma vez que sua conta da npm estiver na organização, faça login no terminal usando npm login e então podemos continuar.

Getting Started

1) Adicionando a lib ao seu projeto:

Basta rodar o comando yarn add @appsimples/atlantica-react-native

2) Adicionando um tema ao seu projeto:

Um tema é um objeto do tipo ATLTheme. Ele pode ser adicionado a partir de um arquivo da seguinte maneira:

export const theme = {
  // Colors
  ColorPrimary: '#0073E1',
  ColorLightNeutral: '#9E9E9E',
  ColorDarkNeutral: '#464646',
  ...
}

3) Fornecer o tema para o projeto:

No arquivo App.tsx, coloque sua tela entre as tags do ATLThemeProvider e forneça o tema criado no passo anterior.

import React, { Component } from 'react'
import { RootNavigation } from './src/navigation/RootNavigation'
import { ATLThemeProvider } from '@appsimples/atlantica-react-native'
import { theme } from './src/theme/Themes'
import { ATLTheme } from '../build/src/theme/ThemeProvider'

export default class App extends Component<> {
  render() {
    return (
      // ATLThemeProvider is needed here order to have the same theme throughout the whole app
      <ATLThemeProvider theme={theme as ATLTheme}>
        <RootNavigation />
      </ATLThemeProvider>
    )
  }
}

E isso é tudo o que precisamos para usar o Atlantica!

Como usar? →