8000 Add new changes · afgprogrammer/Flutter-wallet-app@bdefd4f · GitHub
[go: up one dir, main page]
Skip to content

Commit bdefd4f

Browse files
afgprogrammerafgprogrammer
committed
Add new changes
1 parent 01ef9d1 commit bdefd4f

File tree

2 files changed

+107
-23
lines changed

2 files changed

+107
-23
lines changed

‎lib/pages/send_money.dart

Lines changed: 106 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import 'package:animate_do/animate_do.dart';
2+
import 'package:bouncing_widget/bouncing_widget.dart';
23
import 'package:flutter/material.dart';
34
import 'package:flutter/services.dart';
45
import 'package:pattern_formatter/pattern_formatter.dart';
@@ -15,6 +16,32 @@ class SendMoney extends StatefulWidget {
1516
class _SendMoneyState extends State<SendMoney> {
1617
var amount = TextEditingController(text: "0.00");
1718

19+
FocusNode _focusNode = new FocusNode();
20+
TextEditingController _editingController = new TextEditingController();
21+
bool isFocused = false;
22+
23+
List<String> _feedbacks = [
24+
'Awsome 🙌',
25+
'Nice 🔥',
26+
'Cool 🤩',
27+
'Amazing work 👍🏼',
28+
];
29+
30+
@override
31+
void initState() {
32+
super.initState();
33+
34+
_focusNode.addListener(onFocusChanged);
35+
}
36+
37+
void onFocusChanged() {
38+
setState(() {
39+
isFocused = _focusNode.hasFocus;
40+
});
41+
42+
print('focus changed.');
43+
}
44+
1845
@override
1946
Widget build(BuildContext context) {
2047
return Scaffold(
@@ -32,7 +59,8 @@ class _SendMoneyState extends State<SendMoney> {
3259
children: [
3360
SizedBox(height: 50,),
3461
FadeInDown(
35-
duration: Duration(milliseconds: 500),
62+
from: 100,
63+
duration: Duration(milliseconds: 1000),
3664
child: Container(
3765
width: 130,
3866
height: 130,
@@ -47,16 +75,22 @@ class _SendMoneyState extends State<SendMoney> {
4775
),
4876
),
4977
SizedBox(height: 50,),
50-
FadeInRight(
51-
duration: Duration(milliseconds: 500),
78+
FadeInUp(
79+
from: 60,
80+
delay: Duration(milliseconds: 500),
81+
duration: Duration(milliseconds: 1000),
5282
child: Text("Send Money To", style: TextStyle(color: Colors.grey),)),
5383
SizedBox(height: 10,),
54-
FadeInRight(
55-
duration: Duration(milliseconds: 500),
84+
FadeInUp(
85+
from: 30,
86+
delay: Duration(milliseconds: 800),
87+
duration: Duration(milliseconds: 1000),
5688
child: Text(widget.name, style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),)),
57-
SizedBox(height: 30,),
58-
FadeInRight(
59-
duration: Duration(milliseconds: 500),
89+
SizedBox(height: 20,),
90+
FadeInUp(
91+
from: 40,
92+
delay: Duration(milliseconds: 800),
93+
duration: Duration(milliseconds: 1000),
6094
child: Padding(
6195
padding: const EdgeInsets.symmetric(horizontal: 50.0),
6296
child: TextField(
@@ -97,43 +131,92 @@ class _SendMoneyState extends State<SendMoney> {
97131
),
98132
),
99133
),
100-
SizedBox(height: 30,),
134+
SizedBox(height: 10,),
101135
// note textfield
102-
FadeInRight(
103-
duration: Duration(milliseconds: 500),
104-
child: Padding(
105-
padding: const EdgeInsets.symmetric(horizontal: 50.0),
136+
FadeInUp(
137+
from: 60,
138+
delay: Duration(milliseconds: 800),
139+
duration: Duration(milliseconds: 1000),
140+
child: AnimatedContainer(
141+
margin: EdgeInsets.symmetric(horizontal: 30),
142+
duration: Duration(milliseconds: 500),
143+
decoration: BoxDecoration(
144+
color: Colors.white,
145+
borderRadius: BorderRadius.circular(8),
146+
border: Border.all(color: isFocused ? Colors.indigo.shade400 : Colors.grey.shade200, width: 2),
147+
// // boxShadow:
148+
),
106149
child: TextField(
107150
maxLines: 3,
151+
focusNode: _focusNode,
152+
controller: _editingController,
108153
keyboardType: TextInputType.text,
109154
cursorColor: Colors.black,
110155
style: TextStyle(color: Colors.black, fontSize: 18, fontWeight: FontWeight.w500),
111156
decoration: InputDecoration(
112157
contentPadding: EdgeInsets.symmetric(vertical: 20, horizontal: 20),
113-
hintText: "Note ...",
158+
hintText: "Message ...",
114159
hintStyle: TextStyle(color: Colors.grey, fontSize: 15, fontWeight: FontWeight.w500),
115-
enabledBorder: OutlineInputBorder(
116-
borderRadius: BorderRadius.circular(10),
117-
borderSide: BorderSide(color: Colors.grey.shade200, width: 1.5),
118-
),
119-
focusedBorder: OutlineInputBorder(
120-
borderSide: BorderSide(color: Colors.grey.shade300, width: 1.5),
121-
),
160+
border: InputBorder.none
122161
),
123162
),
124163
),
125164
),
165+
SizedBox(height: 20,),
166+
FadeInUp(
167+
from: 60,
168+
delay: Duration(milliseconds: 800),
169+
duration: Duration(milliseconds: 1000),
170+
child: Container(
171+
height: 50,
172+
padding: EdgeInsets.symmetric(horizontal: 30),
173+
child: ListView.builder(
174+
scrollDirection: Axis.horizontal,
175+
itemCount: _feedbacks.length,
176+
itemBuilder: (context, index) {
177+
return FadeInRight(
178+
from: 100,
179+
delay: Duration(milliseconds: index * 500),
180+
duration: Duration(milliseconds: 1000),
181+
child: BouncingWidget(
182+
duration: Duration(milliseconds: 100),
183+
scaleFactor: 1.5,
184+
onPressed: () {
185+
_editingController.text = _feedbacks[index];
186+
_focusNode.requestFocus();
187+
},
188+
child: Container(
189+
margin: EdgeInsets.only(right: 20),
190+
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 8),
191+
decoration: BoxDecoration(
192+
color: Colors.white,
193+
borderRadius: BorderRadius.circular(8),
194+
border: Border.all(color: Colors.grey.shade200, width: 2),
195+
),
196+
child: Text(_feedbacks[index], style: TextStyle(
197+
color: Colors.grey.shade800,
198+
fontSize: 16
199+
),),
200+
),
201+
),
202+
);
203+
},
204+
),
205+
),
206+
),
126207
SizedBox(height: 50,),
127208
FadeInUp(
128-
duration: Duration(milliseconds: 500),
209+
duration: Duration(milliseconds: 1000),
129210
child: Padding(
130211
padding: const EdgeInsets.symmetric(horizontal: 50.0),
131212
child: Material(
132213
elevation: 5,
133214
borderRadius: BorderRadius.circular(10),
134215
color: Colors.black,
135216
child: MaterialButton(
136-
onPressed: () {},
217+
onPressed: () {
218+
Navigator.of(context).pushReplacementNamed('/');
219+
},
137220
minWidth: double.infinity,
138221
height: 50,
139222
child: Text("Send", style: TextStyle(color: Colors.white, fontSize: 16),),

‎pubspec.yaml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ dependencies:
3939
pattern_formatter: ^2.0.0
4040
align_positioned: ^3.0.0
4141
flutter_advanced_drawer: ^1.2.3+1
42+
bouncing_widget: ^2.0.0
4243

4344
dev_dependencies:
4445
flutter_test:

0 commit comments

Comments
 (0)
0