Skip to content

Exibir Liturgia do Dia — Design Técnico

Gerado pelo Writer (Reversa) em 2026-05-11

Fluxo

  1. LiturgiaDoDiaScreen recebe data via route.params
  2. Renderiza LeituraDiaView passando data
  3. LeituraDiaView chama useGetLiturgiaPorDataQuery(data) → RTK Query
  4. RTK Query → queryFn → cache fresco ou HTTP
  5. Resposta renderiza leituras, orações, antífonas, celebrações

Layout

LiturgiaDoDiaScreen
  └── ScrollView (horizontal padding: s16, bottom: insets.bottom + s32)
       └── LeituraDiaView (data)
            ├── [loading] → skeleton/spinner
            ├── [null] → "sem liturgia para este dia"
            ├── [error] → mensagem de erro + botão "Tentar novamente"
            └── [dados] → CelebracaoView[] + LeituraSectionView[]

Dependências

  • AppStack.LiturgiaDoDia + AppStackNavigationProps — tipagem de rota
  • UtilStyles.safeAreaViewInnerPadding — padding de safe area
  • useGetLiturgiaPorDataQuery — hook RTK Query

Riscos e Lacunas

  • 🟡 Funcionalidade ainda em evolução: estrutura de estados já confirmada no código, mas copy e UX final podem mudar