@@ -9,129 +9,156 @@ class WellnessScreen extends StatelessWidget {
9
9
@override
10
10
Widget build (BuildContext context) {
11
11
return Scaffold (
12
- body: Center (
13
- child: Padding (
14
- padding: const EdgeInsets .all (25.0 ),
15
- child: Row (
16
- mainAxisAlignment: MainAxisAlignment .spaceEvenly,
17
- children: [
18
- Expanded (
19
- child: GestureDetector (
20
- onTap: () {
21
- Navigator .push (
22
- context,
23
- MaterialPageRoute (
24
- builder: (context) => PeriodTrackerScreen ()),
25
- );
26
- },
27
- child: Card (
28
- shape: RoundedRectangleBorder (
29
- borderRadius: BorderRadius .circular (16.0 ),
30
- ),
31
- color: Colors .pink,
32
- child: Padding (
33
- padding: const EdgeInsets .all (16.0 ),
12
+ backgroundColor: Colors .black,
13
+ body: SafeArea (
14
+ child: Column (
15
+ crossAxisAlignment: CrossAxisAlignment .start,
16
+ children: [
17
+ Padding (
18
+ padding: const EdgeInsets .symmetric (horizontal: 24 , vertical: 32 ),
19
+ child: Text (
20
+ 'Wellness' ,
21
+ style: TextStyle (
22
+ fontSize: 32 ,
23
+ fontWeight: FontWeight .bold,
24
+ color: Colors .black,
25
+ ),
26
+ ),
27
+ ),
28
+ Expanded (
29
+ child: GridView .count (
30
+ crossAxisCount: 2 ,
31
+ padding: EdgeInsets .all (24 ),
32
+ mainAxisSpacing: 32 ,
33
+ crossAxisSpacing: 32 ,
34
+ children: [
35
+ GestureDetector (
36
+ onTap: () {
37
+ Navigator .push (
38
+ context,
39
+ MaterialPageRoute (
40
+ builder: (context) => PeriodTrackerScreen ()),
41
+ );
42
+ },
43
+ child: Container (
44
+ decoration: BoxDecoration (
45
+ color: Colors .pink,
46
+ borderRadius: BorderRadius .circular (16.0 ),
47
+ ),
34
48
child: Column (
35
49
mainAxisAlignment: MainAxisAlignment .center,
36
50
children: [
37
51
SizedBox (
38
52
height: 48 ,
39
- child: const Icon (Icons .track_changes, size: 48 ),
53
+ child: const Icon (Icons .track_changes, size: 48 , color : Colors .white ),
40
54
),
41
- const SizedBox (height: 16 ),
42
- const Text (
43
- 'M \n E \n N \n S \n T \n R \n U \n A \n L \n\n T \n R \n A \n C \n K \n E \n R ' ,
55
+ SizedBox (height: 16 ),
56
+ Text (
57
+ 'Menstrual Tracker ' ,
44
58
style: TextStyle (
45
59
fontSize: 18 ,
46
60
fontWeight: FontWeight .bold,
61
+ color: Colors .white,
47
62
),
48
63
),
49
64
],
50
65
),
51
66
),
52
67
),
53
- ),
54
- ),
55
- const SizedBox (width: 16 ),
56
- Expanded (
57
- child: GestureDetector (
58
-
68
+ GestureDetector (
59
69
onTap: () {
60
- Navigator .push (
61
- context,
62
- MaterialPageRoute (
63
- builder: (context) => MindfulnessScreen ()),
64
- );
65
-
66
- },
67
- child: Card (
68
- shape: RoundedRectangleBorder (
69
- borderRadius: BorderRadius .circular (16.0 ),
70
- ),
71
- color: Colors .purple,
72
- child: Padding (
73
- padding: const EdgeInsets .all (16.0 ),
70
+ Navigator .push (
71
+ context,
72
+ MaterialPageRoute (
73
+ builder: (context) => MindfulnessScreen ()),
74
+ );
75
+ },
76
+ child: Container (
77
+ decoration: BoxDecoration (
78
+ color: Colors .green,
79
+ borderRadius: BorderRadius .circular (16.0 ),
80
+ ),
74
81
child: Column (
75
82
mainAxisAlignment: MainAxisAlignment .center,
76
83
children: [
77
84
SizedBox (
78
85
height: 48 ,
79
- child: const Icon (Icons .spa, size: 48 ),
86
+ child: const Icon (Icons .spa, size: 48 , color : Colors .white ),
80
87
),
81
- const SizedBox (height: 16 ),
82
- const Text (
83
- 'M \n I \n N \n D \n F \n U \n L \n N \n E \n S \n S ' ,
88
+ SizedBox (height: 16 ),
89
+ Text (
90
+ 'Mindfulness ' ,
84
91
style: TextStyle (
85
92
fontSize: 18 ,
86
93
fontWeight: FontWeight .bold,
94
+ color: Colors .white,
87
95
),
88
96
),
89
97
],
90
98
),
91
99
),
92
100
),
93
- ),
94
- ),
95
- const SizedBox (width: 16 ),
96
- Expanded (
97
- child: GestureDetector (
98
- onTap: () {
99
- Navigator .push (
100
- context,
101
- MaterialPageRoute (
102
- builder: (context) => JournalScreen ()),
103
- );
104
- },
105
- child: Card (
106
- shape: RoundedRectangleBorder (
107
- borderRadius: BorderRadius .circular (16.0 ),
108
- ),
109
- color: Colors .orange,
110
- child: Padding (
111
- padding: const EdgeInsets .all (16.0 ),
101
+ GestureDetector (
102
+ onTap: () {
103
+ Navigator .push (
104
+ context,
105
+ MaterialPageRoute (
106
+ builder: (context) => JournalScreen ()),
107
+ );
108
+ },
109
+ child: Container (
110
+ decoration: BoxDecoration (
111
+ color: Colors .deepPurple,
112
+ borderRadius: BorderRadius .circular (16.0 ),
113
+ ),
112
114
child: Column (
113
115
mainAxisAlignment: MainAxisAlignment .center,
114
116
children: [
115
117
SizedBox (
116
118
height: 48 ,
117
- child: const Icon (Icons .book, size: 48 ),
119
+ child: const Icon (Icons .book, size: 48 , color : Colors .white ),
118
120
),
119
- const SizedBox (height: 16 ),
120
- const Text (
121
- 'J \n O \n U \n R \n N \n A \n L ' ,
121
+ SizedBox (height: 16 ),
122
+ Text (
123
+ 'Journal ' ,
122
124
style: TextStyle (
123
125
fontSize: 18 ,
124
126
fontWeight: FontWeight .bold,
127
+ color: Colors .white,
125
128
),
126
129
),
127
130
],
128
131
),
129
132
),
130
133
),
131
- ),
134
+ Container (
135
+ decoration: BoxDecoration (
136
+ color: Colors .orange,
137
+ borderRadius: BorderRadius .circular (16.0 ),
138
+ ),
139
+ child: Column (
140
+ mainAxisAlignment: MainAxisAlignment .center,
141
+ children: [
142
+ SizedBox (
143
+ height: 48 ,
144
+ child: const Icon (Icons .music_note, size: 48 , color: Colors .white),
145
+ ),
146
+ SizedBox (height: 16 ),
147
+ Text (
148
+ 'Music' ,
149
+ style: TextStyle (
150
+ fontSize: 18 ,
151
+ fontWeight: FontWeight .bold,
152
+ color: Colors .white,
153
+ ),
154
+ ),
155
+ ],
156
+ ),
157
+ ),
158
+ ],
132
159
),
133
- ] ,
134
- ) ,
160
+ ) ,
161
+ ] ,
135
162
),
136
163
),
137
164
);
0 commit comments