swipeable_button_view

Visão geral do pacote

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

SwipeableButtonView é um pacote do Flutter que permite a criação de botões interativos com animação de ondulação e páginas por meio de gestos de deslize. Ele aumenta o engajamento do usuário com animações suaves e feedback responsivo quando os usuários deslizam sobre o botão. Ideal para interfaces modernas que exigem interações baseadas em gestos, ele oferece suporte a múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O pacote se integra perfeitamente aos aplicativos Flutter, oferecendo efeitos visuais personalizáveis e interações táteis intuitivas. Desenvolvedores podem implementar facilmente navegação ou ações baseadas em deslize com pouquíssimo código. Seu design leve o torna adequado tanto para interfaces simples quanto complexas baseadas em gestos.

Casos de uso

Navegação baseada em gestos
Animações de botão interativo
Efeito de ondulação em deslizes
Componentes de interface do usuário com foco em dispositivos móveis
Suporte de gestos multiplataforma
tela de introdução

Principais recursos

Animação de ondulação ao deslizar
Compatibilidade multiplataforma
Comportamento de deslize personalizável
Efeitos de transição suave
Leve e fácil de integrar
Suporta gestos de toque e arrasto

Indicado para

Desenvolvedores de aplicativos com gestos ricos
Designers procurando elementos de interface interativos
Aplicativos que exigem recursos de ativação por deslize
Aplicações móveis e web multiplataforma
Projetos Flutter focados em UI/UX

Considerações

Pode exigir estilos adicionais para layouts complexos
Impacto no desempenho em dispositivos de baixa gama
Limitado a interações baseadas em deslize
Não ideal para fluxos de trabalho sem gestos
Requer manipulação cuidadosa de casos extremos na detecção de gestos
Mais adequado para dispositivos com tela sensível ao toque

README original

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

License

You can create ripple animated pages with swipeable_button_view.

Install

Add swipeable_button_view: to your pubspec.yaml dependencies then run flutter pub get

dependencies:
  swipeable_button_view:

Then import the package to use

import 'package:swipeable_button_view/swipeable_button_view.dart';

Example

import 'package:swipeable_button_view/swipeable_button_view.dart';

SwipeableButtonView(
    buttonText: 'SLIDE TO PAYMENT',
    buttonWidget: Container(
        child: Icon(Icons.arrow_forward_ios_rounded,
            color: Colors.grey,
                ),),
    activeColor: Color(0xFF009C41),
    isFinished: isFinished,
    onWaitingProcess: () {
    Future.delayed(Duration(seconds: 2), () {
            setState(() {
                isFinished = true;
                      });
                    });
                  },
    onFinish: () async {
        await Navigator.push(context,
                        PageTransition(
                            type: PageTransitionType.fade,
                            child: DashboardScreen()));

                    //TODO: For reverse ripple effect animation
                    setState(() {
                      isFinished = false;
                    });
                  },
)

Screen Recording

Props

props	types	defaultValues	isRequired
onFinish	`VoidCallback`		`true`
onWaitingProcess	`VoidCallback`		`true`
activeColor	`Color`		`true`
buttonWidget	`Widget`		`true`
buttonText	`String`		`true`
isFinished	`bool`	`false`
isActive	`bool`	`true`
disableColor	`Color`	`Colors.grey`
buttonColor	`Color`	`Colors.white`
buttontextstyle	`TextStyle`	`TextStyle(color: Colors.white, fontWeight: FontWeight.bold)`
indicatorColor	`Animation<Color?>`	`AlwaysStoppedAnimation<Color>(Colors.white)})`

Buscar pacotes, repositórios e categorias de apps