🔘Custom Button

O widget CustomButton é um botão personalizável que pode ser facilmente adaptado para atender às necessidades de design do aplicativo. Ele pode ser usado para realizar uma ação específica quando o usu

Construtor

 const CustomButton({
    super.key,
    this.isLoading,
    this.counterTextStyle,
    this.buttonWidth,
    this.backgroundColor,
    this.expanded = false,
    this.buttonHeight = 66,
    this.counterBackgroundColor,
    this.counterRadius = 15,
    this.counter,
    this.sufix,
    this.border,
    this.prefix,
    this.onTap,
    this.onLongPress,
    required this.text,
    this.buttonTextStyle,
    this.borderRadius = 5,
    this.padding = const EdgeInsets.symmetric(horizontal: 16),
  });

Propriedades

isLoading: Um valor booleano que indica se o botão está em um estado de carregamento. Quando true, exibe um indicador de carregamento no lugar do texto do botão.
backgroundColor: A cor de fundo do botão. Se não for fornecida, será usada a cor primária do tema.
text: O texto exibido no botão.
buttonTextStyle: Estilo de texto personalizado para o texto do botão.
prefix: Um widget opcional que será exibido antes do texto do botão.
suffix: Um widget opcional que será exibido após o texto do botão.
counter: Um número inteiro opcional que será exibido em um CircleAvatar no botão.
counterBackgroundColor: A cor de fundo do CircleAvatar que envolve o contador.
borderRadius: O raio do arredondamento das bordas do botão.
onTap: Uma função de retorno de chamada que será acionada quando o botão for tocado.
buttonHeight: A altura do botão.
onLongPress: Uma função de retorno de chamada que será acionada quando o botão for pressionado longamente.
border: A borda do botão.
counterTextStyle: Estilo de texto personalizado para o contador.
padding: Preenchimento interno do botão.
buttonWidth: A largura do botão.
counterRadius: O raio do arredondamento das bordas do CircleAvatar que envolve o contador.
expanded: Um valor booleano que indica se o botão deve ocupar o máximo de espaço possível horizontalmente.

Exemplos de Uso

Aqui estão alguns exemplos de como usar o CustomButton em seu aplicativo:

CustomButton(
  text: "Pressione-me",
  onTap: () {
    // Ação a ser executada ao tocar no botão
  },
  isLoading: false,
  backgroundColor: Colors.blue,
  buttonTextStyle: TextStyle(
    color: Colors.white,
    fontSize: 16,
  ),
  borderRadius: 10,
  padding: EdgeInsets.symmetric(horizontal: 20, vertical: 12),
)

CustomButton(
  isLoading: true,
  borderRadius: 10,
  expanded: true,
)

CustomButton(
  text: "Pressione-me Longamente",
  onLongPress: () {
    // Ação a ser executada ao pressionar longamente o botão
  },
)

Notas

O CustomButton é altamente personalizável e pode ser adaptado para combinar com a aparência do aplicativo.
Ao usar o isLoading como true, o botão exibirá um indicador de carregamento, ignorando o texto fornecido.
Os widgets prefix, suffix e counter permitem adicionar conteúdo adicional ao botão, como ícones ou contadores.
O CustomButton é envolvido por um GestureDetector, o que permite que ele seja interativo e responda a eventos de toque e pressão longa.