| ... | ... | @@ -6,14 +6,15 @@ |
|
|
|
|
|
|
|
|
|
|
|
# Página da Arquitetura do Sistema
|
|
|
|
|
|
|
|
### CAMADAS DO SISTEMA:
|
|
|
|
<br>
|
|
|
|
### MÓDULOS DO SISTEMA:
|
|
|
|
---------------------
|
|
|
|
|
|
|
|
• **Components**: Onde estão os componentes visuais que podem ser utilizados em toda a aplicação. Não devem possuir lógica e nem depender de outros serviços, tornando-o assim, genérico a partir de alguma característica determinada.
|
|
|
|
|
|
|
|
Ex: CardEmojiComponent, ItemListComponent
|
|
|
|
|
|
|
|
|
|
|
|
• **Containers**: Os containers ficam responsáveis de unificar os componentes que serão utilizados em uma tela, atribuindo a eles a camada de lógica de acordo com a funcionalidade que o mesmo deve implementar, como por exemplo o que o botão deverá realizar quando pressionado.
|
|
|
|
|
|
|
|
Ex: CardEmojiContainer, ListContainer
|
| ... | ... | @@ -22,16 +23,19 @@ |
|
|
|
|
|
|
|
Ex: EmojiScreen, ListScreen
|
|
|
|
|
|
|
|
• **Routes**: A camada de Routes, utilizando o padrão de arquitetura Coordinator, irá realizar a navegação entre as telas da aplicação, tendo conhecimento do fluxo e como devem se comportar. Possui a StackNavigator(navegação em telas empilhadas que seguem um determinado fluxo) e a TabBarNavigator (navegação por blocos com funcionalidades que diferem umas das outras, possui uma barra com suas opções na parte inferior da aplicação)
|
|
|
|
• **Routes**: A camada de *Routes*, utilizando o padrão de arquitetura *Coordinator*, irá realizar a navegação entre as telas da aplicação, tendo conhecimento do fluxo e como devem se comportar. Possui a *StackNavigator* (navegação em telas empilhadas que seguem um determinado fluxo) e a *TabBarNavigator* (navegação por blocos com funcionalidades que diferem umas das outras, possui uma barra com suas opções na parte inferior da aplicação)
|
|
|
|
|
|
|
|
<br>
|
|
|
|
• **Database**: Classe de acesso ao serviço utilizado, com as configurações necessárias e os métodos que irão facilitar a manipulação do mesmo.
|
|
|
|
|
|
|
|
<br>
|
|
|
|
• **Utils**: Classes que podem ser reaproveitadas na aplicação, com funcionalidades de formatação de texto, modelos de entrada, acesso a constantes, etc...
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
• **Resources**: Pasta com as imagens que são utilizadas na aplicação uma ou mais vezes.
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
### DIAGRAMA DO SISTEMA:
|
|
|
|
---------------------
|
| ... | ... | |
