@@ -10,6 +10,10 @@ import 'package:ui_kit/components/header_bar/gf_title_bar.dart';
1010import 'package:ui_kit/components/image/gf_image_overlay.dart' ;
1111import 'package:ui_kit/types/gf_type.dart' ;
1212
13+ import '../../lib/colors/gf_color.dart' ;
14+ import '../../lib/shape/gf_shape.dart' ;
15+ import '../../lib/size/gf_size.dart' ;
16+
1317void main () => runApp (MyApp ());
1418
1519class MyApp extends StatelessWidget {
@@ -38,39 +42,46 @@ class _MyHomePageState extends State<MyHomePage> {
3842 @override
3943 Widget build (BuildContext context) {
4044 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+ ),
6463 ),
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+ ),
7084 ),
71- ),
72-
73-
7485
7586// GFCard(
7687// headertype: GFAtb(),
@@ -88,36 +99,36 @@ class _MyHomePageState extends State<MyHomePage> {
8899// )
89100// GFimageoverlay()
90101
91- GFAvatar (
102+ GFAvatar (
92103// radius: 20.0,
93- child: Text ("de" ),
94- backgroundColor: Colors .pink,
104+ child: Text ("de" ),
105+ backgroundColor: Colors .pink,
95106// backgroundImage: ,
96107// foregroundColor: Colors.deepOrangeAccent,
97108// shape: GFShape.standard,
98109// size: GFSize.medium,
99110// borderRadius: BorderRadius.circular(20.0),
100- ),
101- GFIconBadges (
102- onPressed: null ,
103- child: GFIconButton (
104- onPressed: null ,
105- icon: Icon (Icons .ac_unit),
106111 ),
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' ,
109120// color: GFColor.dark,
110121// shape: GFShape.circle,
111122// size: GFSize.small,
112123// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
113124// textColor: GFColor.white,
114125// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
115126// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.orange, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
127+ ),
116128 ),
117- ),
118- GFIconButton (
119- onPressed: null ,
120- icon: Icon (Icons .ac_unit),
129+ GFIconButton (
130+ onPressed: null ,
131+ icon: Icon (Icons .ac_unit),
121132// iconSize: 12.0,
122133// type: GFType.solid,
123134// shape: GFShape.pills,
@@ -132,41 +143,41 @@ class _MyHomePageState extends State<MyHomePage> {
132143// ),
133144// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
134145// 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 ,
138149// position: GFIconPosition.start,
139150// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
140151// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
141- text: 'goodies' ,
152+ text: 'goodies' ,
142153// color: GFColor.danger,
143154// shape: GFShape.pills,
144155// type: GFType.outline,
145156// size: GFSize.small,
146- counterChild: GFBadge (
147- child: Text ("12" ),
157+ counterChild: GFBadge (
158+ child: Text ("12" ),
148159// color: GFColor.dark,
149160// shape: GFShape.circle,
150161// size: GFSize.small,
151162// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
152163// textColor: GFColor.white,
153164// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
154- ),
155- ),
156- GFBadge (
157- text: '12' ,
165+ ),
166+ ),
167+ GFBadge (
168+ text: '12' ,
158169// color: GFColor.dark,
159170// shape: GFShape.circle,
160171// size: GFSize.small,
161172// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
162173// textColor: GFColor.white,
163174// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
164- ),
165- GFButton (
175+ ),
176+ GFButton (
166177// type: GFType.solid,
167178// shape: GFShape.pills,
168- text: 'goodies' ,
169- onPressed: () {},
179+ text: 'goodies' ,
180+ onPressed: () {},
170181// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
171182// size: GFSize.large,
172183// buttonBoxShadow: true,
@@ -184,10 +195,9 @@ class _MyHomePageState extends State<MyHomePage> {
184195// ),
185196// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
186197// 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+ ));
192202 }
193203}
0 commit comments