🧱 Cap 05: Tudo é Widget

🎯 Objetivo da Aula: Entender a diferença entre StatelessWidget e StatefulWidget.

---

🏢 O Cenário Prático (Seu Desafio): Sua tela precisa mudar de cor quando o usuário clica em um botão. Para isso, precisamos de um StatefulWidget!

---

🧠 Fundamentos: A Teoria Traduzida

• Stateless: Não muda de estado (estático). Ex: Um texto fixo.
• Stateful: Muda de estado em tempo de execução. Ex: Um contador.

---

📖 Exemplo Passo a Passo

import 'package:flutter/material.dart';
 
class Contador extends StatefulWidget {
  const Contador({super.key});
 
  @override
  State<Contador> createState() => _ContadorState();
}
 
class _ContadorState extends State<Contador> {
  int _contagem = 0;
 
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        setState(() {
          _contagem++;
        });
      },
      child: Text('Cliques: $_contagem'),
    );
  }
}

---

← Capitulo Anterior | Proximo Capitulo →