This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body: | |
| AnimatedBuilder( | |
| animation: _slideAnimation, | |
| builder: (ctx, ch) => Container( | |
| width: 200, | |
| height: 100, | |
| padding: EdgeInsets.all(0), | |
| margin: EdgeInsets.only( | |
| left: 75, | |
| top: _slideAnimation.value, |
SahanAmarsha
/ hinge_animation_controller.dart
Created
June 10, 2020 13:04
Defining a Hinge Animation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AnimationController _controller; | |
| Animation _rotateAnimation; | |
| Animation<double> _slideAnimation; | |
| Animation<double> _opacityAnimation; | |
| @override | |
| void initState() { | |
| // TODO: implement initState | |
| super.initState(); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body: Center( | |
| child: Transform( | |
| alignment: FractionalOffset.center, | |
| transform: Matrix4.identity() | |
| ..setEntry(3, 2, 0.002) | |
| ..rotateX(pi*(_myAnimation.value)), | |
| child: Container( | |
| color: Colors.blueAccent, | |
| width: 200, | |
| height: 200, |
SahanAmarsha
/ flip_animation_controller.dart
Created
June 9, 2020 17:01
Defining the Flip Animation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AnimationController _controller; | |
| Animation _myAnimation; | |
| AnimationStatus _animationStatus = AnimationStatus.dismissed; | |
| @override | |
| void initState() { | |
| super.initState(); | |
| _controller = | |
| AnimationController(vsync: this, duration: Duration(seconds: 1)); |
SahanAmarsha
/ slide_animation.dart
Created
June 5, 2020 11:56
Using the SlideTransition widget to animate
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body: Center( | |
| child: | |
| SlideTransition( | |
| position: _myAnimation, | |
| child: const Padding( | |
| padding: EdgeInsets.all(8.0), | |
| child: FlutterLogo(size: 150.0), | |
| ), | |
| ), | |
| ), |
SahanAmarsha
/ slide_animation_controller.dart
Created
June 5, 2020 11:42
Defining a Slide Transition for Flutter App
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AnimationController _controller; | |
| Animation<Offset> _myAnimation; | |
| @override | |
| void initState() { | |
| // TODO: implement initState | |
| super.initState(); | |
| _controller = AnimationController( | |
| duration: const Duration(seconds: 2), | |
| vsync: this, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body: Center( | |
| child: | |
| FadeTransition( | |
| opacity: _myAnimation, | |
| child: Container( | |
| width: 100, | |
| height: 100, | |
| decoration: BoxDecoration( | |
| image: new DecorationImage( | |
| image: new AssetImage( |
SahanAmarsha
/ fade_animation_controller.dart
Last active
June 5, 2020 11:20
How to define a fade animation in your Flutter app
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AnimationController _controller; | |
| Animation _myAnimation; | |
| void initState() { | |
| // TODO: implement initState | |
| super.initState(); | |
| _controller = AnimationController( | |
| vsync: this, | |
| duration: Duration(milliseconds: 1200), |
SahanAmarsha
/ heart_animation.dart
Last active
June 5, 2020 10:57
How to use heart animation using Animation Buidler Widget
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body: Center( | |
| child: | |
| AnimatedBuilder(animation: _myAnimation, | |
| builder: (ctx, ch) => Container( | |
| width: _myAnimation.value.width, | |
| height: _myAnimation.value.height, | |
| decoration: BoxDecoration( | |
| image: new DecorationImage( | |
| image: new AssetImage( |
SahanAmarsha
/ basic_layout.dart
Last active
June 5, 2020 10:28
Basic layout for showcase animations
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import 'package:flutter/material.dart'; | |
| class MyHomePage extends StatefulWidget { | |
| @override | |
| _MyHomePageState createState() => _MyHomePageState(); | |
| } | |
| class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin{ | |
| //*-----defining animation and animation controller-----* |