FLUTTER ECOSYSTEM

jagritjkh/animation_wrappers

Animations-Wrapper-Widgets: Umschließen Sie einfach das zu animierende Kind mit diesem Wrapper-Widget, und dieses Kind wird animiert. Es enthält auch animierte Bottom-Navigation-Bars.

Projektcover von animation_wrappers
Stars
2
Forks
0
Letzter Push (UTC)
28.10.2021
Projektstatus
Aktiv
Jagrit GitHub avatar
GITHUB User

Jagrit ↗

Full Stack FE: Flutter BE: Java Springboot

SprachenDartSwiftKotlinObjective-C

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 2 Einträge
  • flutter{"sdk":"flutter"}
  • flutter_testEntwicklung{"sdk":"flutter"}

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Projekt-README ein-/ausklappen

animation_wrappers

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit