holdable_button

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

HoldableButton é um pacote Flutter que permite aos desenvolvedores implementar botões com gestos de pressão prolongada. Quando pressionado e mantido, o botão dispara uma animação de carregamento ao redor de sua borda, fornecendo feedback visual durante interações prolongadas. Ele suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para interfaces interativas que exigem feedback tátil. O plugin é leve e fácil de integrar, aprimorando a experiência do usuário em formulários, confirmações ou ações que exigem entrada deliberada.

Casos de uso

Envio de formulário com confirmação
Gatilhos de ação que exigem entrada deliberada
Estados de carregamento durante operações longas
Elementos de interface interativos com feedback
Interações de aplicativo gamificadas

Principais recursos

Detecção de gestos
Animação de carregamento circular
Suporte multiplataforma
Integração simples
Duração e aparência personalizáveis
mecanismo de feedback embutido

Indicado para

Desenvolvedores construindo formulários interativos
Aplicativos que precisam de gestos de confirmação
Aplicativos móveis e web centrados na experiência do usuário
Aplicações gamificadas
Fluxos de interação rápidos de protótipo

Considerações

Pode exigir estilos adicionais para designs personalizados
Impacto no desempenho em dispositivos de baixa gama
Limitado ao comportamento de pressionar um único botão
Não adequado para fluxos de trabalho baseados em toques rápidos
Requer configuração cuidadosa do tempo para uma experiência do usuário ideal

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Holdable Button Flutter Plugin

Holdable Button is a Flutter plugin that allows you to create interactive buttons with a unique animation. It enables users to hold a button, displaying a loading animation along its border, and then triggering a callback once the animation completes.

Demo 🎥

edge loading type:

voice oval

square

filling loading type:

long circle

Benefits 🚀

Interactive Animation: Engage users with a button that responds to long presses, offering an interactive and visually appealing experience.
Customizable: Tailor the button to match your app's design by adjusting parameters such as button color, loading color, border radius, child widget, animation duration, and start position.
User Engagement: Encourage users to interact with your app by introducing a novel way to trigger actions.

How to Use 🛠️

Add the Holdable Button plugin to your pubspec.yaml file:
```
dependencies:
  holdable_button: any
```
Install the plugin by running:
```
flutter pub get
```

Import the package in your Dart code:

import 'package:holdable_button/holdable_button.dart';

Implement the HoldableButton widget:

HoldableButton(
  loadingType: LoadingType.edgeLoading,
  width: 300,
  height: 200,
  buttonColor: Colors.blue,
  loadingColor: Colors.white,
  radius: 15.0,
  child: Text('Hold Me'),
  duration: 5,
  startPoint: 0.25,
  hasVibrate: true,
  onConfirm: () {
    // Callback when animation completes
  },
)

Customization ⚙️

The HoldableButton widget supports the following parameters:

loadingType: the loading type: edgeLoading or fillingLoading.
buttonColor: The color of the button.
loadingColor: The color of the loading animation.
radius: The border radius of the button.
child: The widget inside the button.
duration: The duration of the animation in seconds.
startPoint: Start position in edgeLoading type.
hasVibrate: Enable Vibration after loading complete.
onConfirm: Callback when the animation completes.

Feel free to experiment with these parameters to achieve the desired look and behavior.

Contributing 🤝

Contributions are welcome! Please feel free to submit issues or pull requests.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote