TranslationAnimatedWidget(    enabled:this.displayMyWidget,//update this boolean to forward/reverse the animation    values: [Offset(0,200),// disabled value valueOffset(0,250),//intermediate valueOffset(0,0)//enabled value    ],    child:/* your widget */),

RotationAnimatedWidget.tween(    enabled:this.displayMyWidget,//update this boolean to forward/reverse the animation    rotationDisabled:Rotation.degrees(z:0),    rotationEnabled:Rotation.degrees(z:90),    child:/* your widget */),

Compose

TranslationAnimatedWidget.tween(    enabled:this.displayMyWidget,    translationDisabled:Offset(0,200),    translationEnabled:Offset(0,0),    child:OpacityAnimatedWidget.tween(        enabled:this.displayMyWidget,        opacityDisabled:0,        opacityEnabled:1,        child:/* your widget */    ),),

Opacity

class_StatefulScreenStateextendsState<StatefulScreen> {// will determine if the opacity animation is launchedbool _display=false;@overrideWidgetbuild(BuildContext context) {returnScaffold(      appBar:AppBar(),      body:Column(        crossAxisAlignment:CrossAxisAlignment.stretch,        mainAxisAlignment:MainAxisAlignment.center,        mainAxisSize:MainAxisSize.max,        children: [//wrap your widget with OpacityAnimatedWidgetOpacityAnimatedWidget.tween(            opacityEnabled:1,//define start value            opacityDisabled:0,//and end value            enabled: _display,//bind with the boolean            child:Container(               height:200,               width:200,               child:FlutterLogo(                 style:FlutterLogoStyle.stacked,               ),            ),          ),RaisedButton(            color:Colors.blue,            child:Text(              _display?"hide logo":"display logo",              style:TextStyle(color:Colors.white),            ),            onPressed: () {setState(() {//will fire the animation                _display=!_display;              });            },          )        ],      ),    );  }}

Translation

classFirstScreenBlocextendsBloc {final _viewState=BehaviorSubject<FirstScreenViewState>.seeded(FirstScreenViewState());Observable<FirstScreenViewState>get viewState=> _viewState;voidonClicked() {    _viewState.add(FirstScreenViewState(buttonVisible:true));  }voidonDismissClicked() {    _viewState.add(FirstScreenViewState(buttonVisible:false));  }@overridevoiddispose() {    _viewState.close();  }}classFirstScreenViewState {finalbool buttonVisible;constFirstScreenViewState({this.buttonVisible=false,  });}

classFirstScreenViewextendsStatelessWidget {@overrideWidgetbuild(BuildContext context) {final bloc=BlocProvider.of<FirstScreenBloc>(context);returnStreamBuilder<FirstScreenViewState>(            stream: bloc.viewState,            builder: (context, snapshot) {final viewState= snapshot.data;returnStack(                  fit:StackFit.expand,                  children: [_buildInputButton(onClicked: () {                      bloc.onClicked();                    }),Positioned(                      bottom:20,                      left:20,                      right:20,                      child:TranslationAnimatedWidget(                        enabled: viewState.buttonVisible,//will forward/reverse the animation                        curve:Curves.easeIn,                        duration:Duration(seconds:1),                        values: [Offset(0,200),Offset(0,-50),Offset(0,0),                        ],                        child:RaisedButton(                          onPressed: () {                            bloc.onDismissClicked();                          },                          child:Text("Dismiss"),                        ),                      ),                    ),                  ],               );            }        );  }}

Rotation

RotationAnimatedWidget.tween(    enabled: enabled,    rotationDisabled:Rotation.deg(),    rotationEnabled:Rotation.deg(z:90, x:80),    child:/* your widget */),RotationAnimatedWidget.tween(    enabled: enabled,    rotation:Rotation.deg(),    rotationEnabled:Rotation.deg(z:90, x:80),    child:/* your widget */),

Scale

ScaleAnimatedWidget.tween(      enabled:this._enabled,      duration:Duration(milliseconds:600),      scaleDisabled:0.5,      scaleEnabled:1,//your widget      child:Container(        height:200,        width:200,        child:FlutterLogo(          style:FlutterLogoStyle.stacked,        ),      ),    ),

Size

SizeAnimatedWidget(      enabled:this._enabled,      duration:Duration(milliseconds:1500),      values: [Size(100,100),Size(100,150),Size(200,150),Size(200,200)],      curve:Curves.linear,//your widget      child:Container(        decoration:BoxDecoration(          border:Border.all(color:Colors.blue)        ),        child:FlutterLogo(          style:FlutterLogoStyle.stacked,        ),      ),    ),

Shake

ShakeAnimatedWidget(      enabled:this._enabled,      duration:Duration(milliseconds:1500),      shakeAngle:Rotation.deg(z:40),      curve:Curves.linear,      child:FlutterLogo(        style:FlutterLogoStyle.stacked,      ),    ),

Custom Animated

CustomAnimatedWidget(      enabled:this._enabled,      duration:Duration(seconds:3),      curve:Curves.easeOut,      builder: (context, percent) {//for custom animation, use buildersfinalint displayedDate= (2018* percent).floor();returnText("current year : $displayedDate",              style:TextStyle(color:Colors.blue),        );      },),

Flutter Package

dependencies:  animated_widgets:

Getting Started with Flutter

License

Copyright 2019 florent37, Inc.Licensed under the Apache License, Version 2.0 (the "License");you may not use this file except in compliance with the License.You may obtain a copy of the License at   http://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, softwaredistributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.See the License for the specific language governing permissions andlimitations under the License.