SliderTransition Widget in Flutter
import "package:flutter/material.dart";
import "package:sdreatech_learning_widget/All_widgets_Ui/customWidget.dart";
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: "SliderTransition",
debugShowCheckedModeBanner: false,
theme: ThemeData(
appBarTheme: const AppBarTheme(
backgroundColor: Colors.grey,
centerTitle: true,
),
),
home: const SliderTransitionPractice(),
);
}
}
class SliderTransitionPractice extends StatefulWidget {
const SliderTransitionPractice({super.key});
@override
State<SliderTransitionPractice> createState() =>
_SliderTransitionPracticeState();
}
class _SliderTransitionPracticeState extends State<SliderTransitionPractice>
with SingleTickerProviderStateMixin {
late final AnimationController _controller =
AnimationController(duration: const Duration(seconds: 3), vsync: this)
..repeat(reverse: true);
late final Animation<Offset> _offsetAnimation = Tween<Offset>(
begin: Offset.zero,
end: const Offset(0.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: UiHelper.customAppBar("SliderTransition"),
body: Center(
child: SlideTransition(
position: _offsetAnimation,
child: const Padding(
padding: EdgeInsets.all(8.0),
child: FlutterLogo(size: 150.0),
),
),
),
);
}
}
Comments
Post a Comment