Sense_the_Rhythm/lib/level.dart
2024-12-22 17:41:14 +01:00

62 lines
1.7 KiB
Dart

import 'package:flutter/material.dart';
class Level extends StatelessWidget {
const Level({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
leading: Icon(Icons.pause),
title: Text('Level 1'),
actions: [
IconButton(
icon: Icon(Icons.close),
onPressed: () => Navigator.pop(context))
],
),
body: Stack(children: [
Arrow( position: -100.0,),
Arrow( position: 00.0,),
Arrow( position: 100.0,),
Arrow( position: 200.0,),
Positioned(
top: 50,
width: MediaQuery.of(context).size.width,
left: 0,
child: Text(
"Great!",
textScaler: TextScaler.linear(4),
textAlign: TextAlign.center,
),
),
Positioned(
left: MediaQuery.of(context).size.width / 2 - 50,
bottom: 50,
child: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
shape: BoxShape.circle,
// color: Colors.blue,
border: Border.all(color: Colors.black, width: 10)),
),
),
]));
}
}
class Arrow extends StatelessWidget {
final double position;
const Arrow({super.key, required this.position});
@override
Widget build(BuildContext context) {
return Positioned(
left: MediaQuery.of(context).size.width / 2 - 25, // Center the arrow
top: position,
child: Icon(size: 100, Icons.arrow_forward),
);
}
}