Buscar pacotes, repositórios e categorias de apps

Detalhes do pacotev1.1.0

ripple_backdrop_animate_route

Uma animação de ondulação com fundo da rota. Isso criará uma página transparente com uma animação de fundo de ondulação para animar os widgets. Você pode colocar qualquer widget dentro e personalizar o efeito.

AndroidiOSWebmacOSWindowsLinux
Downloads em 30 dias
40
Curtidas
41
Pontos Pub
140

Instalar pacote

flutter pub add ripple_backdrop_animate_route

Visão geral do pacote

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

RippleBackdropAnimateRoute é um pacote Flutter que oferece uma animação de ondulação visualmente envolvente com efeito de fundo ao navegar entre rotas. Ele cria uma sobreposição transparente com animações dinâmicas de ondulação, permitindo que os desenvolvedores personalizem o impacto visual das transições de rota. O pacote suporta qualquer widget dentro da rota e oferece flexibilidade em estilo e comportamento. Ideal para interfaces modernas e interativas, ele melhora a experiência do usuário por meio de efeitos de navegação suaves e animados em múltiplas plataformas.

Casos de uso

  • Navegação de aplicativo interativa
  • Transições de rota personalizadas
  • onboarding de usuário aprimorado
  • Feedback visual para toques
  • Design de interface moderno
  • Telas de inicialização animadas

Principais recursos

  • Animação de ondulação com fundo
  • Posicionamento personalizável de widget
  • superposição de rota transparente
  • Suporte multiplataforma
  • Integração fácil com rotas existentes
  • Parâmetros de animação configuráveis

Indicado para

  • Desenvolvedores procurando transições de rota animadas
  • Aplicativos Flutter centrados no design
  • Aplicativos com navegação interativa
  • Projetos de melhoria de UI/UX
  • Iniciantes do Flutter explorando animações

Considerações

  • Pode afetar o desempenho em dispositivos de baixa gama
  • Requer personalização cuidadosa para uma experiência do usuário ideal
  • Documentação limitada além do uso básico
  • Não adequado para fluxos simples e estáticos de navegação
  • A animação pode distrair os usuários se for usada em excesso

README original

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

ripple_backdrop_animate_route

pub package GitHub stars GitHub forks GitHub license GitHub issues FlutterCandies

A ripple animation with backdrop of route.

Screenshot:

Getting Started

Example Usage
import 'package:ripple_backdrop_animate_route/ripple_backdrop_animate_route.dart';

///...

RippleBackdropAnimatePage.show(
  context: context,
  child: Column(
    mainAxisAlignment: MainAxisAlignment.end,
    children: <Widget>[
      Text('This is ripple backdrop animate page.'),
    ],
  ),
  childFade: true,
  duration: 300,
  blurRadius: 20,
  bottomButton: Icon(Icons.visibility),
  bottomHeight: 60,
  bottomButtonRotate: false,
);
Parameters
Name Description Default
child Child for page. -
childFade When enabled, [child] will fade in when animation is going and fade out when popping. false
duration Animation's duration, including [Navigator.push], [Navigator.pop]. 300
blurRadius Blur radius for [BackdropFilter]. 20.0
bottomButton [Widget] for bottom of the page. -
bottomHeight The height which [bottomButton] will occupy. kBottomNavigationBarHeight
bottomButtonRotate When enabled, [bottomButton] will rotate when to animation is going. true
bottomButtonRotateDegree The degree which [bottomButton] will rotate. 45.0

Categorias

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.