0

Bom dia, estou desenvolvendo um aplicativo e, com a implementação da LGPD tornou-se obrigatório nos menus de cadastro um checkbox com o famoso "li e aceito os termos de uso e política de privacidade". Estou com dificuldade em realizar a validação se o usuário clicou na Checkbox. Como eu poderia tornar o campo da checkbox obrigatório? Semelhante aquilo que o validator do TextFormField faz.

Em suma, eu gostaria que o usuário fosse obrigado a clicar na checkbox para poder efetuar seu cadastro. Se alguém conseguir me auxiliar agradeço!

import 'package:flutter/material.dart';

class checkbox extends StatefulWidget {
  @override
  _checkboxState createState() => _checkboxState();
}

class _checkboxState extends State<checkbox> {

  bool _checked = false;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      child: CheckboxListTile(
        contentPadding: EdgeInsets.only(bottom: 3, left: 3, right: 3, top: 0),
        title: Text("Ao se cadastrar você está concordando com os Termos de Uso e Política de Privacidade",
        style:  TextStyle(
          fontSize: 13,
          height: 1.2,
          color: Colors.white
        ),
          textAlign: TextAlign.justify,
        ),
        controlAffinity: ListTileControlAffinity.leading,
        activeColor: Colors.blue,
        value: _checked,
        onChanged: (bool valor) {
          setState(() {
            _checked = valor;
            }
          );
        },
      ),
    );
  }
}

Todas as demais validações funcionaram perfeitamente, mas fiquei com problemas aqui. Grato!

1 Resposta 1

0

O problema foi solucionado do seguinte modo:

 return FormField<bool>(
      builder: (state) {
        return Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            Row(
              children: <Widget>[
                Checkbox(
                    value: checkboxValue,
                    onChanged: (value) {
                      setState(() {
                        checkboxValue = value;
                        state.didChange(value);
                      });
                    }),
                Text('Concordo com os Termos de Uso\n\ne Política de Privacidade',
                style: TextStyle(
                  fontSize: 13,
                  height: 0.6,
                  color: Colors.white
                ),
                  textAlign: TextAlign.justify,
                ),
              ],
            ),
            Text(
              state.errorText ?? '',
              style: TextStyle(
                color: Theme.of(context).errorColor,
              ),
            )
          ],
        );
      },
      validator: (value) {
        if (!checkboxValue) {
          return 'Você precisa aceitar os termos';
        } else {
          return null;
        }
      },
    );

Você deve fazer log-in para responder a esta pergunta.