Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de concentric_transition
Detalhes do pacotev1.0.3

concentric_transition

Efeito de transição concêntrica. Útil para onboarding, transições de página, etc.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
1,3 mil
Curtidas
827
Pontos Pub
160

Instalar pacote

flutter pub add concentric_transition

Visão geral do pacote

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

Concentric Transition é um pacote Flutter que permite efeitos de animação suave e concêntrica para transições entre telas ou elementos. Ideal para fluxos de introdução e mudanças de página, cria experiências visualmente envolventes expandindo ou contraindo camadas em um padrão circular. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o versátil para aplicativos multiplataforma. Com configuração mínima via comando pub add, os desenvolvedores podem integrar facilmente animações elegantes de transição em suas interfaces.

Casos de uso

  • Telas de onboarding
  • Transições de página
  • Efeitos de tela de inicialização
  • Elementos de interface do usuário interativos
  • Navegação animada
  • Narrativa visual

Principais recursos

  • Animação concêntrica circular
  • Suporte multiplataforma
  • Integração simples
  • Tempo personalizável
  • Desempenho suave
  • Widgets de transição reutilizáveis

Indicado para

  • Fluxos de onboarding do aplicativo
  • Design de interface do usuário interativa
  • Telas de inicialização animadas
  • Aplicações móveis e web
  • Projetos do Flutter com foco em design
  • Desenvolvedores em busca de acabamento visual

Considerações

  • Pode afetar o desempenho em dispositivos de baixa configuração
  • Requer ajuste cuidadoso do tempo
  • Limitado a padrões de transição circular
  • Não ideal para transições de estado complexas
  • Mais adequado para animações simples e focadas
  • Necessita de testes em todas as plataformas-alvo

README original

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

➰ Concentric Transition

A Flutter plugin to create views using Concentric Transition Clipper. Useful for onboarding, page transitions, custom clippers, painters etc.

Inspired by Cuberto - Animated Onboarding Screens

Build Status Pub package Star on GitHub License: MIT

1.gif 2.gif 3.gif 4.gif 5.gif 6.gif

Getting Started

  • Add this to your pubspec.yaml
    dependencies:
concentric_transition: ^1.0.3
  • Get the package from Pub:
    flutter packages get
  • Import it in your file
    import 'package:concentric_transition/concentric_transition.dart';

Features

  • 📺 Concentric PageView
  • 🕳️ Concentric Clipper
  • 📙 Concentric PageRoute

Usage

  • Using ConcentricPageView widget
import 'package:concentric_transition/concentric_transition.dart';

ConcentricPageView(
   colors: <Color>[Colors.white, Colors.blue, Colors.red],
   itemCount: 1, // null = infinity
   physics: NeverScrollableScrollPhysics(),
   itemBuilder: (int index, double value) {
       return Center(
           child: Container(
               child: Text('Page $index'),
           ),
       );
   },
);
  • Using ConcentricPageRoute widget
Navigator.push(context, ConcentricPageRoute(builder: (ctx) {
  return NextPage();
}));
  • Using ConcentricClipper widget
import 'package:concentric_transition/concentric_transition.dart';

ClipPath(
  clipper: ConcentricClipper(
    progress: 0.1, // from 0.0 to 1.0
    reverse: false,
    radius: 30.0,
    verticalPosition: 0.82,
  ),
  child: Container(
    color: Colors.green,
  ),
)

Credits

Maintainers

License

License: MIT

Categorias

Carrossel de Introdução

Repositório-fonte

Projetos que usam este pacote