1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
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),
);
}
}
|