@@ -40,3 +40,205 @@ class ProfileScreen extends StatelessWidget {
40
40
);
41
41
}
42
42
}
43
+
44
+ class ProfileApp extends StatelessWidget {
45
+ @override
46
+ Widget build (BuildContext context) {
47
+ return Scaffold (
48
+ body: Column (
49
+ children: < Widget > [
50
+ Container (
51
+ decoration: BoxDecoration (
52
+ gradient: LinearGradient (
53
+ begin: Alignment .topCenter,
54
+ end: Alignment .bottomCenter,
55
+ colors: [Colors .redAccent, Colors .pinkAccent])),
56
+ child: Container (
57
+ width: double .infinity,
58
+ height: 350.0 ,
59
+ child: Center (
60
+ child: Column (
61
+ crossAxisAlignment: CrossAxisAlignment .center,
62
+ mainAxisAlignment: MainAxisAlignment .center,
63
+ children: < Widget > [
64
+ CircleAvatar (
65
+ backgroundImage: NetworkImage (
66
+ "https://www.rd.com/wp-content/uploads/2017/09/01-shutterstock_476340928-Irina-Bg.jpg" ,
67
+ ),
68
+ radius: 50.0 ,
69
+ ),
70
+ SizedBox (
71
+ height: 10.0 ,
72
+ ),
73
+ Text (
74
+ "Alice James" ,
75
+ style: TextStyle (
76
+ fontSize: 22.0 ,
77
+ color: Colors .white,
78
+ ),
79
+ ),
80
+ SizedBox (
81
+ height: 10.0 ,
82
+ ),
83
+ Card (
84
+ margin: EdgeInsets .symmetric (
85
+ horizontal: 20.0 , vertical: 5.0 ),
86
+ clipBehavior: Clip .antiAlias,
87
+ color: Colors .white,
88
+ elevation: 5.0 ,
89
+ child: Padding (
90
+ padding: const EdgeInsets .symmetric (
91
+ horizontal: 8.0 , vertical: 22.0 ),
92
+ child: Row (
93
+ children: < Widget > [
94
+ Expanded (
95
+ child: Column (
96
+ children: < Widget > [
97
+ Text (
98
+ "Posts" ,
99
+ style: TextStyle (
100
+ color: Colors .redAccent,
101
+ fontSize: 22.0 ,
102
+ fontWeight: FontWeight .bold,
103
+ ),
104
+ ),
105
+ SizedBox (
106
+ height: 5.0 ,
107
+ ),
108
+ Text (
109
+ "5200" ,
110
+ style: TextStyle (
111
+ fontSize: 20.0 ,
112
+ color: Colors .pinkAccent,
113
+ ),
114
+ )
115
+ ],
116
+ ),
117
+ ),
118
+ Expanded (
119
+ child: Column (
120
+ children: < Widget > [
121
+ Text (
122
+ "Followers" ,
123
+ style: TextStyle (
124
+ color: Colors .redAccent,
125
+ fontSize: 22.0 ,
126
+ fontWeight: FontWeight .bold,
127
+ ),
128
+ ),
129
+ SizedBox (
130
+ height: 5.0 ,
131
+ ),
132
+ Text (
133
+ "28.5K" ,
134
+ style: TextStyle (
135
+ fontSize: 20.0 ,
136
+ color: Colors .pinkAccent,
137
+ ),
138
+ )
139
+ ],
140
+ ),
141
+ ),
142
+ Expanded (
143
+ child: Column (
144
+ children: < Widget > [
145
+ Text (
146
+ "Follow" ,
147
+ style: TextStyle (
148
+ color: Colors .redAccent,
149
+ fontSize: 22.0 ,
150
+ fontWeight: FontWeight .bold,
151
+ ),
152
+ ),
153
+ SizedBox (
154
+ height: 5.0 ,
155
+ ),
156
+ Text (
157
+ "1300" ,
158
+ style: TextStyle (
159
+ fontSize: 20.0 ,
160
+ color: Colors .pinkAccent,
161
+ ),
162
+ )
163
+ ],
164
+ ),
165
+ ),
166
+ ],
167
+ ),
168
+ ),
169
+ )
170
+ ],
171
+ ),
172
+ ),
173
+ )),
174
+ Container (
175
+ child: Padding (
176
+ padding:
177
+ const EdgeInsets .symmetric (vertical: 30.0 , horizontal: 16.0 ),
178
+ child: Column (
179
+ mainAxisAlignment: MainAxisAlignment .center,
180
+ crossAxisAlignment: CrossAxisAlignment .start,
181
+ children: < Widget > [
182
+ Text (
183
+ "Bio:" ,
184
+ style: TextStyle (
185
+ color: Colors .redAccent,
186
+ fontStyle: FontStyle .normal,
187
+ fontSize: 28.0 ),
188
+ ),
189
+ SizedBox (
190
+ height: 10.0 ,
191
+ ),
192
+ Text (
193
+ 'My name is Alice and I am a freelance mobile app developper.\n '
194
+ 'if you need any mobile app for your company then contact me for more informations' ,
195
+ style: TextStyle (
196
+ fontSize: 22.0 ,
197
+ fontStyle: FontStyle .italic,
198
+ fontWeight: FontWeight .w300,
199
+ color: Colors .black,
200
+ letterSpacing: 2.0 ,
201
+ ),
202
+ ),
203
+ ],
204
+ ),
205
+ ),
206
+ ),
207
+ SizedBox (
208
+ height: 20.0 ,
209
+ ),
210
+ Container (
211
+ width: 300.00 ,
212
+ child: ElevatedButton (
213
+ onPressed: () {},
214
+ // shape: RoundedRectangleBorder(
215
+ // borderRadius: BorderRadius.circular(80.0)),
216
+ // elevation: 0.0,
217
+ // padding: EdgeInsets.all(0.0),
218
+ child: Ink (
219
+ decoration: BoxDecoration (
220
+ gradient: LinearGradient (
221
+ begin: Alignment .centerRight,
222
+ end: Alignment .centerLeft,
223
+ colors: [Colors .redAccent, Colors .pinkAccent]),
224
+ borderRadius: BorderRadius .circular (30.0 ),
225
+ ),
226
+ child: Container (
227
+ constraints:
228
+ BoxConstraints (maxWidth: 300.0 , minHeight: 50.0 ),
229
+ alignment: Alignment .center,
230
+ child: Text (
231
+ "Contact me" ,
232
+ style: TextStyle (
233
+ color: Colors .white,
234
+ fontSize: 26.0 ,
235
+ fontWeight: FontWeight .w300),
236
+ ),
237
+ ),
238
+ )),
239
+ ),
240
+ ],
241
+ ),
242
+ );
243
+ }
244
+ }
0 commit comments