8000 Fix design issue · afgprogrammer/Flutter-wallet-app@16106e8 · GitHub
[go: up one dir, main page]
8000
Skip to content

Commit 16106e8

Browse files
afgprogrammerafgprogrammer
committed
Fix design issue
1 parent d494c09 commit 16106e8

File tree

1 file changed

+22
-21
lines changed

1 file changed

+22
-21
lines changed

‎lib/pages/send_money.dart

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -44,12 +44,15 @@ class _SendMoneyState extends State<SendMoney> {
4444

4545
@override
4646
Widget build(BuildContext context) {
47+
final theme = Theme.of(context);
48+
4749
return Scaffold(
4850
backgroundColor: Colors.white,
4951
appBar: AppBar(
52+
scrolledUnderElevation: 0,
5053
backgroundColor: Colors.transparent,
5154
elevation: 0,
52-
title: Text('Send Money', style: TextStyle(color: Colors.black),),
55+
title: Text('Send Money', style: theme.textTheme.titleMedium?.copyWith(fontSize: 18),),
5356
leading: BackButton(color: Colors.black,),
5457
),
5558
body: SingleChildScrollView(
@@ -58,7 +61,7 @@ class _SendMoneyState extends State<SendMoney> {
5861
child: Column(
5962
crossAxisAlignment: CrossAxisAlignment.center,
6063
children: [
61-
10000 SizedBox(height: 50,),
64+
SizedBox(height: 32,),
6265
FadeInDown(
6366
from: 100,
6467
duration: Duration(milliseconds: 500),
@@ -75,19 +78,19 @@ class _SendMoneyState extends State<SendMoney> {
7578
child: Image.asset(widget.avatar)),
7679
),
7780
),
78-
SizedBox(height: 50,),
81+
SizedBox(height: 32,),
7982
FadeInUp(
8083
from: 60,
8184
delay: Duration(milliseconds: 500),
8285
duration: Duration(milliseconds: 500),
83-
child: Text("Send Money To", style: TextStyle(color: Colors.grey),)),
84-
SizedBox(height: 10,),
86+
child: Text("Send Money To", style: theme.textTheme.titleSmall,)),
87+
SizedBox(height: 8,),
8588
FadeInUp(
8689
from: 30,
8790
delay: Duration(milliseconds: 800),
8891
duration: Duration(milliseconds: 500),
89-
child: Text(widget.name, style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),)),
90-
SizedBox(height: 20,),
92+
child: Text(widget.name, style: theme.textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w800),)),
93+
9194
FadeInUp(
9295
from: 40,
9396
delay: Duration(milliseconds: 800),
@@ -132,14 +135,14 @@ class _SendMoneyState extends State<SendMoney> {
132135
),
133136
),
134137
),
135-
SizedBox(height: 10,),
138+
SizedBox(height: 16,),
136139
// note textfield
137140
FadeInUp(
138141
from: 60,
139-
delay: Duration(milliseconds: 800),
142+
delay: Duration(milliseconds: 200),
140143
duration: Duration(milliseconds: 500),
141144
child: AnimatedContainer(
142-
margin: EdgeInsets.symmetric(horizontal: 30),
145+
margin: EdgeInsets.symmetric(horizontal: 16),
143146
duration: Duration(milliseconds: 500),
144147
decoration: BoxDecoration(
145148
color: Colors.white,
@@ -163,14 +166,14 @@ class _SendMoneyState extends State<SendMoney> {
163166
),
164167
),
165168
),
166-
SizedBox(height: 20,),
169+
SizedBox(height: 16,),
167170
FadeInUp(
168171
from: 60,
169172
delay: Duration(milliseconds: 800),
170173
duration: Duration(milliseconds: 500),
171174
child: Container(
172175
height: 50,
173-
padding: EdgeInsets.symmetric(horizontal: 30),
176+
padding: EdgeInsets.symmetric(horizontal: 16),
174177
child: ListView.builder(
175178
scrollDirection: Axis.horizontal,
176179
itemCount: _feedbacks.length,
@@ -187,31 +190,28 @@ class _SendMoneyState extends State<SendMoney> {
187190
_focusNode.requestFocus();
188191
},
189192
child: Container(
190-
margin: EdgeInsets.only(right: 20),
193+
margin: EdgeInsets.only(right: 8),
191194
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 8),
192195
decoration: BoxDecoration(
193196
color: Colors.white,
194197
borderRadius: BorderRadius.circular(8),
195-
border: Border.all(color: Colors.grey.shade200, width: 2),
198+
border: Border.all(color: Colors.grey.shade300, width: 1),
196199
),
197-
child: Text(_feedbacks[index], style: TextStyle(
198-
color: Colors.grey.shade800,
199-
fontSize: 16
200-
),),
200+
child: Text(_feedbacks[index], style: theme.textTheme.titleMedium,),
201201
),
202202
),
203203
);
204204
},
205205
),
206206
),
207207
),
208-
SizedBox(height: 50,),
208+
SizedBox(height: 32,),
209209
FadeInUp(
210210
duration: Duration(milliseconds: 500),
211211
child: Padding(
212-
padding: const EdgeInsets.symmetric(horizontal: 50.0),
212+
padding: const EdgeInsets.symmetric(horizontal: 16.0),
213213
child: Material(
214-
elevation: 5,
214+
elevation: 0,
215215
borderRadius: BorderRadius.circular(10),
216216
color: Colors.black,
217217
child: MaterialButton(
@@ -225,6 +225,7 @@ class _SendMoneyState extends State<SendMoney> {
225225
),
226226
),
227227
),
228+
SizedBox(height: 32,),
228229
],
229230
),
230231
),

0 commit comments

Comments
 (0)
0