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

Popular posts from this blog

Second GET API Calling with Bloc simple Example in Flutter

Stack Container Scrollable Card widget UI with Custom Widget

Pagination with Bloc Pattern in Flutter