Custom Check Box

Documentação do CustomCheckBox

Visão Geral

O CustomCheckBox é um widget personalizado que fornece uma interface de caixa de seleção para a interface do usuário. Ele permite aos usuários marcar ou desmarcar a caixa de seleção e também fornece feedback visual através de cores e ícones.

Como Usar

Para usar o CustomCheckBox, você deve inicializá-lo no seu código e passar os parâmetros necessários. Aqui está um exemplo básico:

CustomCheckBox(
  isChecked: true,
  onChanged: (value) {
    print("O valor da caixa de seleção é: $value");
  },
)

Parâmetros

  • isChecked (obrigatório): O estado atual da caixa de seleção.

  • onChanged (opcional): Uma função callback chamada sempre que o estado da caixa de seleção muda. Retorna o novo estado da caixa de seleção.

  • activeColor (opcional): A cor da caixa de seleção quando está marcada. O valor padrão é Colors.blue.

  • inactiveColor (opcional): A cor da caixa de seleção quando está desmarcada. O valor padrão é Colors.grey.

  • size (opcional): Define o tamanho da caixa de seleção. O valor padrão é 24.0.

  • borderRadius (opcional): Define o raio da borda da caixa de seleção. O valor padrão é 4.0.

  • checkType (opcional): Define o tipo de marca de seleção. Pode ser icon ou container. O valor padrão é CheckType.icon.

  • labelText (opcional): O texto do rótulo exibido ao lado da caixa de seleção.

  • labelTextStyle (opcional): Define o estilo do texto do rótulo.

  • activeBorderColor, inactiveBorderColor (opcionais): Definem as cores da borda da caixa de seleção quando está marcada ou desmarcada, respectivamente. O valor padrão é Colors.black.

  • iconColor (opcional): Define a cor do ícone. O valor padrão é Colors.white.

Funcionamento Interno

Quando o CustomCheckBox é inicializado, ele configura a caixa de seleção com base nos parâmetros fornecidos e, em seguida, apresenta uma interface com um ícone ou container, dependendo do checkType. O usuário pode tocar na caixa de seleção para alterar seu estado.

Considerações Adicionais

O widget CustomCheckBox foi projetado para ser flexível e fácil de usar. Ele não apenas fornece uma interface visual intuitiva, mas também permite uma personalização extensa através dos vários parâmetros disponíveis. Ao usar o widget em sua aplicação, é crucial fornecer o estado inicial da caixa de seleção (isChecked). Todos os outros parâmetros são opcionais e têm valores padrão associados a eles. Se você encontrar qualquer comportamento inesperado ou precisar de funcionalidades adicionais, pode ser necessário ajustar os parâmetros ou considerar a adição de mais propriedades personalizadas.

Last updated