SlideTransition Widget
Project Preview
- Interested in seeing the live demo? Click here to explore.
- Want to view the source code? Visit the project on GitHub.
Code Snippet
import 'package:flutter/material.dart';
class SlideTransitionWidget extends StatefulWidget {
const SlideTransitionWidget({super.key});
@override
State<SlideTransitionWidget> createState() => _SlideTransitionWidgetState();
}
class _SlideTransitionWidgetState extends State<SlideTransitionWidget>
with SingleTickerProviderStateMixin {
late final AnimationController _controller = AnimationController(
duration: const Duration(seconds: 2),
vsync: this,
)..repeat(reverse: true);
late final Animation<Offset> _offsetAnimation = Tween<Offset>(
begin: Offset.zero,
end: const Offset(0, 1.5),
).animate(
CurvedAnimation(
parent: _controller,
curve: Curves.elasticIn,
),
);
@override
void dispose() {
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("SlideTransition Widget"),
),
body: Center(
child: SlideTransition(
position: _offsetAnimation,
child: const Padding(
padding: EdgeInsets.all(8.0),
child: FlutterLogo(size: 150.0),
),
),
),
);
}
}