Índice da aula

1. Conceitos de responsividade
2. Criando os arquivos de menu superior
3. Editando o HomeView
4. Configurando o composable de responsividade
5. Finalizando o uso dos componentes dinâmicos
6. Desafio
7. Correção do desafio

Componentes dinâmicos

Os componentes dinâmicos são uma forma de criar componentes que se adaptam a diferentes tamanhos de tela. Eles são muito úteis para criar layouts responsivos e podem ser usados em conjunto com os composables para criar uma experiência de usuário mais agradável. Para usufruir o máximo possível desse recurso, aplicaremos também o conceito de lazy loading, que é uma técnica de carregamento de componentes apenas quando eles são necessários.

A ideia geral é que, ao invés de carregar todos os componentes de uma vez, carregaremos apenas os que são necessários para a tela atual. Buscaremos fazer isso de forma que o usuário não perceba a diferença, mas que o aplicativo seja mais rápido e eficiente.

Nos exemplos a seguir, a fim de fixação do conceito, faremos 5 modelos de menu superior distintos, apenas alterando o título, para que possamos verificar o comportamento do aplicativo em diferentes tamanhos de tela. Depois, sugiro que você crie outros componentes que melhor se adaptem ao seu projeto.

< Início Criando os arquivos de menu superior >