📊 Slides: Cap 10 — Inventário e Pokedex (LazyColumn)

📖 Ver Cap 10 completo

Resumo visual da aula, em blocos — use como roteiro de revisão ou apresentação.

---

🟦 Slide 1: Objetivo da Aula

• Exibir listas de dados de forma profissional.
• Usar LazyColumn para mostrar milhares de itens sem travar o app.

---

🟦 Slide 2: O Cenário Prático

Sua Pokedex está crescendo! Desenhar cada Pokémon “na mão” levaria horas. Crie uma Lista Automática, rolável, que recebe os nomes e os exibe organizados.

---

🟦 Slide 3: Dicionário do Programador

Termo	Significado
LazyColumn	“Coluna Preguiçosa” — só desenha o que está visível na tela
Reciclagem	Reaproveita o desenho de um item que saiu de tela para o próximo que entra

📐 Padrão de Lista: (1) uma Lista de Dados (listOf(...)) + (2) um Template de Item (como cada linha aparece).

---

🟦 Slide 4: Lista de Nomes → Linhas na Tela

graph TD
    A["Lista de Nomes"] --> B{LazyColumn}
    B --> C["Linha 1: Pikachu"]
    B --> D["Linha 2: Charmander"]
    B --> E["Linha 3: Squirtle"]

---

🟦 Slide 5: Exemplo — Sua Pokedex

@Composable
fun ListaPokedex() {
    val pokemons = listOf("Pikachu", "Charmander", "Squirtle", "Bulbasaur", "Mewtwo")

    LazyColumn {
        items(pokemons) { pokemon ->
            Text(
                text = "👾 $pokemon",
                modifier = Modifier.padding(16.dp).fillMaxWidth(),
                fontSize = 20.sp
            )
        }
    }
}

---

🟦 Slide 6: Prática e Próximos Passos

• 🛠️ Prática 1: meusItens (10 itens) em uma LazyColumn.
• 🛠️ Prática 2: estilizar cada item com Card.
• 💪 Exercício extra: numerando a lista com itemsIndexed.
• 🧠 Quiz: teste seus conhecimentos.
• ➡️ Próximo capítulo: Cap 11 — Navegação entre Fases (Menus).

---

⬅️ Voltar para Slides

⬅️ Anterior Próximo ➡️