Skip to content

Commit 47c78a2

Browse files
shravyackmshravyackm
committed
badges, listtile, icon button done
1 parent 00a4e09 commit 47c78a2

File tree

14 files changed

+2926
-296
lines changed

14 files changed

+2926
-296
lines changed

‎demo_app/lib/screens/avatars.dart‎

Lines changed: 269 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
import 'package:flutter/cupertino.dart';
22
import 'package:flutter/material.dart';
33
import 'package:ui_kit/components/avatar/gf_avatar.dart';
4-
import 'package:ui_kit/shape/gf_shape.dart';
4+
import 'package:ui_kit/components/card/gf_card.dart';
5+
import 'package:ui_kit/components/header/gf_header.dart';
6+
import 'package:ui_kit/shape/gf_avatar_shape.dart';
7+
import 'package:ui_kit/types/gf_heading_type.dart';
8+
import 'package:ui_kit/colors/gf_color.dart';
59

610
class Avatars extends StatefulWidget {
711
@override
@@ -13,25 +17,276 @@ class _AvatarsState extends State<Avatars> {
1317
Widget build(BuildContext context) {
1418
return Scaffold(
1519
appBar: AppBar(
20+
backgroundColor: getGFColor(GFColor.dark),
1621
title: Text('Avatar', style: TextStyle(fontSize: 14),),
1722
),
1823
body: Container(
19-
margin: EdgeInsets.all(20),
20-
child: Row(
21-
crossAxisAlignment: CrossAxisAlignment.center,
22-
mainAxisAlignment: MainAxisAlignment.spaceBetween,
24+
child: Column(
2325
children: <Widget>[
24-
GFAvatar(
25-
child: Icon(Icons.face)
26+
GFCard(
27+
content: Column(
28+
crossAxisAlignment: CrossAxisAlignment.start,
29+
children: <Widget>[
30+
GFHeader(
31+
text: 'Circle Avatar',
32+
type: GFHeadingType.typo6,
33+
),
34+
SizedBox(
35+
height: 10,
36+
),
37+
Row(
38+
mainAxisAlignment: MainAxisAlignment.spaceBetween,
39+
children: <Widget>[
40+
GFAvatar(
41+
backgroundColor: getGFColor(GFColor.primary),
42+
child: Icon(Icons.face),
43+
foregroundColor: getGFColor(GFColor.white),
44+
),
45+
GFAvatar(
46+
backgroundColor: getGFColor(GFColor.secondary),
47+
child: Icon(Icons.face),
48+
foregroundColor: getGFColor(GFColor.white),
49+
),
50+
GFAvatar(
51+
backgroundColor: getGFColor(GFColor.success),
52+
child: Icon(Icons.face),
53+
foregroundColor: getGFColor(GFColor.white),
54+
),
55+
GFAvatar(
56+
backgroundColor: getGFColor(GFColor.info),
57+
child: Icon(Icons.face),
58+
foregroundColor: getGFColor(GFColor.white),
59+
),
60+
GFAvatar(
61+
backgroundColor: getGFColor(GFColor.danger),
62+
child: Icon(Icons.face),
63+
foregroundColor: getGFColor(GFColor.white),
64+
),
65+
66+
67+
],
68+
),
69+
70+
SizedBox(
71+
height: 15,
72+
),
73+
Row(
74+
mainAxisAlignment: MainAxisAlignment.spaceBetween,
75+
children: <Widget>[
76+
GFAvatar(
77+
backgroundColor: getGFColor(GFColor.warning),
78+
child: Icon(Icons.face),
79+
foregroundColor: getGFColor(GFColor.white),
80+
),
81+
GFAvatar(
82+
backgroundColor: getGFColor(GFColor.dark),
83+
child: Icon(Icons.face),
84+
foregroundColor: getGFColor(GFColor.white),
85+
),
86+
GFAvatar(
87+
backgroundColor: getGFColor(GFColor.light),
88+
child: Icon(Icons.face),
89+
foregroundColor: getGFColor(GFColor.white),
90+
),
91+
GFAvatar(
92+
backgroundColor: getGFColor(GFColor.alt),
93+
child: Icon(Icons.face),
94+
foregroundColor: getGFColor(GFColor.white),
95+
),
96+
GFAvatar(
97+
backgroundColor: getGFColor(GFColor.transparent),
98+
child: Icon(Icons.face),
99+
foregroundColor: getGFColor(GFColor.dark),
100+
),
101+
102+
],
103+
),
104+
105+
],
106+
),
107+
),
108+
GFCard(
109+
content: Column(
110+
crossAxisAlignment: CrossAxisAlignment.start,
111+
children: <Widget>[
112+
GFHeader(
113+
text: 'Square Avatar',
114+
type: GFHeadingType.typo6,
115+
),
116+
SizedBox(
117+
height: 10,
118+
),
119+
Row(
120+
mainAxisAlignment: MainAxisAlignment.spaceBetween,
121+
children: <Widget>[
122+
GFAvatar(
123+
backgroundColor: getGFColor(GFColor.primary),
124+
child: Icon(Icons.face),
125+
foregroundColor: getGFColor(GFColor.white),
126+
shape: GFAvatarShape.square,
127+
),
128+
GFAvatar(
129+
backgroundColor: getGFColor(GFColor.secondary),
130+
child: Icon(Icons.face),
131+
foregroundColor: getGFColor(GFColor.white),
132+
shape: GFAvatarShape.square,
133+
),
134+
GFAvatar(
135+
backgroundColor: getGFColor(GFColor.success),
136+
child: Icon(Icons.face),
137+
foregroundColor: getGFColor(GFColor.white),
138+
shape: GFAvatarShape.square,
139+
),
140+
GFAvatar(
141+
backgroundColor: getGFColor(GFColor.info),
142+
child: Icon(Icons.face),
143+
foregroundColor: getGFColor(GFColor.white),
144+
shape: GFAvatarShape.square,
145+
),
146+
GFAvatar(
147+
backgroundColor: getGFColor(GFColor.danger),
148+
child: Icon(Icons.face),
149+
foregroundColor: getGFColor(GFColor.white),
150+
shape: GFAvatarShape.square,
151+
),
152+
153+
154+
],
155+
),
156+
157+
SizedBox(
158+
height: 15,
159+
),
160+
Row(
161+
mainAxisAlignment: MainAxisAlignment.spaceBetween,
162+
children: <Widget>[
163+
GFAvatar(
164+
backgroundColor: getGFColor(GFColor.warning),
165+
child: Icon(Icons.face),
166+
foregroundColor: getGFColor(GFColor.white),
167+
shape: GFAvatarShape.square,
168+
),
169+
GFAvatar(
170+
backgroundColor: getGFColor(GFColor.dark),
171+
child: Icon(Icons.face),
172+
foregroundColor: getGFColor(GFColor.white),
173+
shape: GFAvatarShape.square,
174+
),
175+
GFAvatar(
176+
backgroundColor: getGFColor(GFColor.light),
177+
child: Icon(Icons.face),
178+
foregroundColor: getGFColor(GFColor.white),
179+
shape: GFAvatarShape.square,
180+
),
181+
GFAvatar(
182+
backgroundColor: getGFColor(GFColor.alt),
183+
child: Icon(Icons.face),
184+
foregroundColor: getGFColor(GFColor.white),
185+
shape: GFAvatarShape.square,
186+
),
187+
GFAvatar(
188+
backgroundColor: getGFColor(GFColor.transparent),
189+
child: Icon(Icons.face),
190+
foregroundColor: getGFColor(GFColor.dark),
191+
192+
),
193+
194+
],
195+
),
196+
],
197+
),
26198
),
27-
GFAvatar(
28-
shape: GFShape.square,
29-
child: Icon(Icons.face)
199+
GFCard(
200+
content: Column(
201+
crossAxisAlignment: CrossAxisAlignment.start,
202+
children: <Widget>[
203+
GFHeader(
204+
text: 'Standard Avatar',
205+
type: GFHeadingType.typo6,
206+
),
207+
SizedBox(
208+
height: 10,
209+
),
210+
Row(
211+
mainAxisAlignment: MainAxisAlignment.spaceBetween,
212+
children: <Widget>[
213+
GFAvatar(
214+
backgroundColor: getGFColor(GFColor.primary),
215+
child: Icon(Icons.face),
216+
foregroundColor: getGFColor(GFColor.white),
217+
shape: GFAvatarShape.standard,
218+
),
219+
GFAvatar(
220+
backgroundColor: getGFColor(GFColor.secondary),
221+
child: Icon(Icons.face),
222+
foregroundColor: getGFColor(GFColor.white),
223+
shape: GFAvatarShape.standard,
224+
),
225+
GFAvatar(
226+
backgroundColor: getGFColor(GFColor.success),
227+
child: Icon(Icons.face),
228+
foregroundColor: getGFColor(GFColor.white),
229+
shape: GFAvatarShape.standard,
230+
),
231+
GFAvatar(
232+
backgroundColor: getGFColor(GFColor.info),
233+
child: Icon(Icons.face),
234+
foregroundColor: getGFColor(GFColor.white),
235+
shape: GFAvatarShape.standard,
236+
),
237+
GFAvatar(
238+
backgroundColor: getGFColor(GFColor.danger),
239+
child: Icon(Icons.face),
240+
foregroundColor: getGFColor(GFColor.white),
241+
shape: GFAvatarShape.standard,
242+
),
243+
244+
245+
],
246+
),
247+
248+
SizedBox(
249+
height: 15,
250+
),
251+
Row(
252+
mainAxisAlignment: MainAxisAlignment.spaceBetween,
253+
children: <Widget>[
254+
GFAvatar(
255+
backgroundColor: getGFColor(GFColor.warning),
256+
child: Icon(Icons.face),
257+
foregroundColor: getGFColor(GFColor.white),
258+
shape: GFAvatarShape.standard,
259+
),
260+
GFAvatar(
261+
backgroundColor: getGFColor(GFColor.dark),
262+
child: Icon(Icons.face),
263+
foregroundColor: getGFColor(GFColor.white),
264+
shape: GFAvatarShape.standard,
265+
),
266+
GFAvatar(
267+
backgroundColor: getGFColor(GFColor.light),
268+
child: Icon(Icons.face),
269+
foregroundColor: getGFColor(GFColor.white),
270+
shape: GFAvatarShape.standard,
271+
),
272+
GFAvatar(
273+
backgroundColor: getGFColor(GFColor.alt),
274+
child: Icon(Icons.face),
275+
foregroundColor: getGFColor(GFColor.white),
276+
shape: GFAvatarShape.standard,
277+
),
278+
GFAvatar(
279+
backgroundColor: getGFColor(GFColor.transparent),
280+
child: Icon(Icons.face),
281+
foregroundColor: getGFColor(GFColor.dark),
282+
283+
),
284+
285+
],
286+
),
287+
],
288+
),
30289
),
31-
GFAvatar(
32-
shape: GFShape.standard,
33-
child: Icon(Icons.face)
34-
)
35290
],
36291
),
37292
)

0 commit comments

Comments
 (0)