Flutter descomplica —Checkbox
Como criar uma lista de checkbox independentes
Um pouco de conteúdo escrito para a comunidade Flutter do Brasil.
Feito para quem já possuí alguma experiência!
Meu foco aqui não é explicar o que é o Flutter e nem ensinar programação, mas sim trazer explicações mais técnicas sobre o assunto da história.
Checkbox
Em tradução livre “Caixa de seleção”
O CheckboxListTile é um Widget que possuí dois estados: “marcado” e “desmarcado”. É bem simples de ser utilizado, mas para quem está tendo o primeiro contato com o Framework ou até mesmo nunca programou, pode ser um pouco complexo.
A coisa se complica ainda mais quando há necessidade de utilizar diversos Checkbox em uma lista e esse é o ponto que irei abordar nessa história!
Let’s code
Utilizarei um exemplo bem simples, onde cada checkbox é independente dos demais.
Nesse exemplo utilizarei um controlador de estado básico, o “setState()”.
1. Criando nossa model CheckboxModel
A classe que vai armazenar os dados de cada checkbox da nossa lista
2. Criando nosso Widget customizado CheckboxWidget
Irá conectar nossa CheckboxModel com o CheckboxListTile
3. Integrando nossa model ao Widget
Vamos dar vida ao Widget
4. Rodando a aplicação
Vamos ver como ficou nossa lista
Para testar o código temos duas opções:
1 — Rodar o código no próprio VSCode ou Android Studio.
2 — Entrar no site DartPad e testar online.
Ao clicarmos no botão lá embaixo, veremos no Console todos os checkbox’s que estão marcados!
5. Resultado
Informações que irão aparecer no Console
Chegamos ao fim dessa história!
Espero ter conseguido passar para vocês, de forma clara e bem direta, como criar uma lista de CheckBox.