Starter/flutter-examples
1
0
Fork 0
mirror of https://github.com/nisrulz/flutter-examples.git synced 2025-11-08 20:50:04 +00:00
Code Issues Releases Wiki Activity

New Example - Animation (#89)

Browse Source
This commit is contained in:
Abhishek Yadav
2022-10-22 23:58:02 +05:30
committed by GitHub
parent 59ec36a48a
commit d9cc97a7ea
66 changed files with 1531 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
animation_example/lib/home_page.dart Normal file
View File

@@ -0,0 +1,152 @@
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage>
with SingleTickerProviderStateMixin {
late AnimationController controller;
var target = 0.0;
final Map<double, String> data = {
0.25: "north",
0.50: "west",
0.75: "south",
1.00: 'east'
};
@override
void initState() {
super.initState();
controller = AnimationController(
vsync: this,
duration: const Duration(milliseconds: 900),
);
}
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
showResult(double target) {
final snak = SnackBar(
content: Text(
"Pen is pointed to ${data[target]}",
style: const TextStyle(
fontSize: 20, fontWeight: FontWeight.w500, color: Colors.green),
),
duration: const Duration(seconds: 2),
);
ScaffoldMessenger.of(context).showSnackBar(snak);
}
return Scaffold(
backgroundColor: Colors.white,
body: Container(
width: double.infinity,
height: size.height,
child: Stack(
alignment: Alignment.center,
children: [
Positioned(
top: 80,
child: TextButton(
onPressed: () {},
child: const Text(
"North",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w500,
color: Colors.white),
),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all(Colors.green)))),
Positioned(
top: size.height * 0.48,
left: -15,
child: Transform.rotate(
angle: 190.1,
child: TextButton(
onPressed: () {},
child: const Text(
"East",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w500,
color: Colors.white),
),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all(Colors.green))),
)),
Positioned(
top: size.height * 0.48,
right: -15,
child: Transform.rotate(
angle: -190.1,
child: TextButton(
onPressed: () {},
child: const Text(
"West",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w500,
color: Colors.white),
),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all(Colors.green))),
)),
Positioned(
bottom: 80,
child: TextButton(
onPressed: () {},
child: const Text(
"North",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w500,
color: Colors.white),
),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all(Colors.green)))),
AnimatedBuilder(
animation: controller,
child: Container(
child: GestureDetector(
onTap: () {
setState(() {
controller.repeat();
});
Future.delayed(Duration(seconds: 10), () {
setState(() {
target += 0.25;
controller.animateTo(target,
duration: Duration(seconds: 1));
showResult(target);
if (target == 1.00) {
target = 0.0;
}
});
});
},
child: Image.asset(
'assets/images/penimg2.png',
width: size.width * 0.5,
)),
),
builder: (context, Widget? widget) {
return Transform.rotate(
angle: controller.value * 2 * 3.14,
child: widget,
);
},
),
],
),
),
);
}
}

24
animation_example/lib/main.dart Normal file
View File

@@ -0,0 +1,24 @@
import 'package:flutter/material.dart';
import 'home_page.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Pen Assignement',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home:HomePage(),
);
}
}