@@ -10,6 +10,10 @@ import 'package:ui_kit/components/header_bar/gf_title_bar.dart';
10
10
import 'package:ui_kit/components/image/gf_image_overlay.dart' ;
11
11
import 'package:ui_kit/types/gf_type.dart' ;
12
12
13
+ import '../../lib/colors/gf_color.dart' ;
14
+ import '../../lib/shape/gf_shape.dart' ;
15
+ import '../../lib/size/gf_size.dart' ;
16
+
13
17
void main () => runApp (MyApp ());
14
18
15
19
class MyApp extends StatelessWidget {
@@ -38,39 +42,46 @@ class _MyHomePageState extends State<MyHomePage> {
38
42
@override
39
43
Widget build (BuildContext context) {
40
44
return Scaffold (
41
- appBar: AppBar (
42
- title: Text (widget.title),
43
- ),
44
- body: SingleChildScrollView (
45
- child: Column (
46
- mainAxisAlignment: MainAxisAlignment .center,
47
- crossAxisAlignment: CrossAxisAlignment .center,
48
- children: < Widget > [
49
-
50
- GFTitleBar (
51
- avatar: GFAvatar (
52
- child: Text ("tb" ),
53
- ),
54
- title: Text ('title' ),
55
- subTitle: Text ('subtitle' ),
56
- icon: GFIconButton (
57
- icon: Icon (Icons .favorite_border),
58
- ),
59
- ),
60
-
61
- GFCard (
62
- avatar: GFAvatar (
63
- child: Text ("tb" ),
45
+ appBar: AppBar (
46
+ title: Text (widget.title),
47
+ ),
48
+ body: SingleChildScrollView (
49
+ child: Column (
50
+ mainAxisAlignment: MainAxisAlignment .center,
51
+ crossAxisAlignment: CrossAxisAlignment .center,
52
+ children: < Widget > [
53
+ GFTitleBar (
54
+ avatar: GFAvatar (
55
+ child: Text ("GF" ),
56
+ ),
57
+ title: Text ('Title' ),
58
+ subTitle: Text ('Subtitle' ),
59
+ icon: GFIconButton (
60
+ onPressed: null ,
61
+ icon: Icon (Icons .favorite_border),
62
+ ),
64
63
),
65
- title: Text ('title' ),
66
- subTitle: Text ('subtitle' ),
67
- icon: GFIconButton (
68
- icon: Icon (Icons .favorite_border),
69
- type: GFType .transparent,
64
+ GFCard (
65
+ image: Image .asset ("lib/assets/food.jpeg" ),
66
+ title: GFTitleBar (
67
+ avatar: GFAvatar (
68
+ child: Text ("tb" ),
69
+ ),
70
+ title: Text (
71
+ 'title' ,
72
+ style: TextStyle (color: Colors .grey),
73
+ ),
74
+ subTitle: Text (
75
+ 'subtitle' ,
76
+ style: TextStyle (color: Colors .grey),
77
+ ),
78
+ icon: GFIconButton (
79
+ onPressed: null ,
80
+ icon: Icon (Icons .favorite_border),
81
+ type: GFType .transparent,
82
+ ),
83
+ ),
70
84
),
71
- ),
72
-
73
-
74
85
75
86
// GFCard(
76
87
// headertype: GFAtb(),
@@ -88,36 +99,36 @@ class _MyHomePageState extends State<MyHomePage> {
88
99
// )
89
100
// GFimageoverlay()
90
101
91
- GFAvatar (
102
+ GFAvatar (
92
103
// radius: 20.0,
93
- child: Text ("de" ),
94
- backgroundColor: Colors .pink,
104
+ child: Text ("de" ),
105
+ backgroundColor: Colors .pink,
95
106
// backgroundImage: ,
96
107
// foregroundColor: Colors.deepOrangeAccent,
97
108
// shape: GFShape.standard,
98
109
// size: GFSize.medium,
99
110
// borderRadius: BorderRadius.circular(20.0),
100
- ),
101
- GFIconBadges (
102
- onPressed: null ,
103
- child: GFIconButton (
104
- onPressed: null ,
105
- icon: Icon (Icons .ac_unit),
106
111
),
107
- counterChild: GFBadge (
108
- text: '12' ,
112
+ GFIconBadges (
113
+ onPressed: null ,
114
+ child: GFIconButton (
115
+ onPressed: null ,
116
+ icon: Icon (Icons .ac_unit),
117
+ ),
118
+ counterChild: GFBadge (
119
+ text: '12' ,
109
120
// color: GFColor.dark,
110
121
// shape: GFShape.circle,
111
122
// size: GFSize.small,
112
123
// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
113
124
// textColor: GFColor.white,
114
125
// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
115
126
// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.orange, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
127
+ ),
116
128
),
117
- ),
118
- GFIconButton (
119
- onPressed: null ,
120
- icon: Icon (Icons .ac_unit),
129
+ GFIconButton (
130
+ onPressed: null ,
131
+ icon: Icon (Icons .ac_unit),
121
132
// iconSize: 12.0,
122
133
// type: GFType.solid,
123
134
// shape: GFShape.pills,
@@ -132,41 +143,41 @@ class _MyHomePageState extends State<MyHomePage> {
132
143
// ),
133
144
// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
134
145
// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
135
- ),
136
- GFButtonBadge (
137
- onPressed: null ,
146
+ ),
147
+ GFButtonBadge (
148
+ onPressed: null ,
138
149
// position: GFIconPosition.start,
139
150
// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
140
151
// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
141
- text: 'goodies' ,
152
+ text: 'goodies' ,
142
153
// color: GFColor.danger,
143
154
// shape: GFShape.pills,
144
155
// type: GFType.outline,
145
156
// size: GFSize.small,
146
- counterChild: GFBadge (
147
- child: Text ("12" ),
157
+ counterChild: GFBadge (
158
+ child: Text ("12" ),
148
159
// color: GFColor.dark,
149
160
// shape: GFShape.circle,
150
161
// size: GFSize.small,
151
162
// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
152
163
// textColor: GFColor.white,
153
164
// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
154
- ),
155
- ),
156
- GFBadge (
157
- text: '12' ,
165
+ ),
166
+ ),
167
+ GFBadge (
168
+ text: '12' ,
158
169
// color: GFColor.dark,
159
170
// shape: GFShape.circle,
160
171
// size: GFSize.small,
161
172
// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
162
173
// textColor: GFColor.white,
163
174
// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
164
- ),
165
- GFButton (
175
+ ),
176
+ GFButton (
166
177
// type: GFType.solid,
167
178
// shape: GFShape.pills,
168
- text: 'goodies' ,
169
- onPressed: () {},
179
+ text: 'goodies' ,
180
+ onPressed: () {},
170
181
// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
171
182
// size: GFSize.large,
172
183
// buttonBoxShadow: true,
@@ -184,10 +195,9 @@ class _MyHomePageState extends State<MyHomePage> {
184
195
// ),
185
196
// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
186
197
// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
187
- ),
188
- ],
189
- ),
190
- )
191
- );
198
+ ),
199
+ ],
200
+ ),
201
+ ));
192
202
}
193
203
}
0 commit comments