spring

Visão geral do pacote

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

Spring é um kit de animação leve e pré-construído para Flutter que simplifica e acelera o desenvolvimento de aplicativos com animações prontas para uso. Projetado para simplicidade e poder, permite aos desenvolvedores implementar transições suaves e responsivas com pouquíssimo código. O pacote oferece suporte a múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o versátil para projetos multiplataforma. Com APIs intuitivas, o Spring aumenta a interatividade da interface e o apelo visual sem exigir conhecimento profundo em animação.

Casos de uso

Prototipagem rápida de UI
Efeitos de botão interativo
Transições de tela suaves
animações de estado de carregamento
Telas de onboarding

Principais recursos

pré-ajustes de animação prontos
Compatibilidade multiplataforma
Configuração mínima
Altamente personalizável
curvas de easing embutidas
Desempenho leve

Indicado para

Desenvolvedores iniciantes do Flutter
Desenvolvimento rápido de aplicativos
aplicações com foco em UI
Projetos focados no design
Equipes que priorizam velocidade

Considerações

Personalização limitada além dos predefinidos
Pode aumentar levemente o tamanho do pacote
Mais adequado para animações simples a moderadas
Não ideal para lógica de animação personalizada complexa
Requer compreensão dos princípios básicos de animação

README original

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

A simple & powerfull pre-built animation kit.

🔨 Installation

dependencies:
     spring: ^2.0.2

🎥 Spring Animations

⚙ Import

import 'package:spring/spring.dart';

🕹️ Usage

Spring.slide(
     slideType: SlideType.slide_in_right,
     child: FlutterLogo(),
),

🕹️ Advanced Usage

import 'package:flutter/material.dart';
import 'package:spring/spring.dart';
import 'package:test123/blue_card.dart';
import 'package:test123/red_card.dart';

class SpringExample extends StatelessWidget {
  final SpringController springController =
      SpringController(initialAnim: Motion.play);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: Spring.slide(
          springController: springController,
          slideType: SlideType.slide_in_right,
          delay: Duration(milliseconds: 500),
          animDuration: Duration(milliseconds: 1000),
          curve: Curves.easeInExpo,
          extend: 30,
          withFade: true,
          animStatus: (AnimStatus status) {
            print(status);
          },
          child: GestureDetector(
              onTap: () {
                springController.play(motion: Motion.reverse);
              },
              child: FlutterLogo()),
        ),
      ),
    );
  }
}

🎮 SpringController

SpringController allow you to control the animations without setting the setState.


//initial anim = Motion.play
final SpringController springController =
     SpringController(); 
// you can set the initial anim using initialAnim param..
final SpringController springController =
      SpringController(initialAnim: Motion.pause,);

Controlling the animations

GestureDetector(
          onTap: () {
            springController.play(
                motion: Motion.reverse,
                animDuration: Duration(milliseconds: 300),
                curve: Curves.bounceIn,
                delay: Duration(milliseconds: 900));
          },
          child: Spring.slide(
              springController: springController,
              slideType: SlideType.slide_in_right,
              delay: Duration(milliseconds: 500),
              animDuration: Duration(milliseconds: 1000),
              curve: Curves.easeInExpo,
              extend: 30,
              withFade: true,
              animStatus: (AnimStatus status) {
                print(status);
              },
              child: FlutterLogo()),
        ),

🔈 Animation Status

You can listen for animation Staus via animStatus callBack which returns AnimStatus enum.

AnimStatus.forward
AnimStatus.completed
AnimStatus.reverse
AnimStatus.dismissed

Spring.rotate(
     springController: springController,
     animStatus: (AnimStatus status) {
          print(status);
     },
     child: FlutterLogo()),

🐞 Bugs/Requests

If you encounter any problems please open an issue. If you feel the library is missing a feature, please raise a ticket on Github and we'll look into it. Pull request are welcome.

🙏 Thanks

A special thanks to Felix Blaschke for his simple_animations & supercharged packages. This package literally depends on it.
Thanks to gskinner.com for universal_platform package.

📃 License

MIT License

Buscar pacotes, repositórios e categorias de apps

Instalar pacote