Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 16106e8

Browse files
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-
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)

AltStyle によって変換されたページ (->オリジナル) /