Skip to content

Commit cffd715

Browse files
NRijnbergNRijnberg
authored
Merge pull request #37 from DutchCodingCompany/feature/sizes-and-paddings
Added all sizes, margins, paddings and radiuses
2 parents e5ff3bd + d26d1e3 commit cffd715

File tree

2 files changed

+223
-99
lines changed

2 files changed

+223
-99
lines changed

‎lib/common/dimensions.dart‎

Lines changed: 222 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -2,115 +2,239 @@
22
//ignore_for_file: public_member_api_docs
33
import 'package:flutter/material.dart';
44

5+
// Sizes
56
class Sizes {
6-
static const double xxs = 4;
7-
static const double xs = 8;
8-
static const double s = 12;
9-
static const double m = 16;
10-
static const double l = 24;
11-
static const double xl = 32;
12-
static const double xxl = 48;
7+
static const double px1 = 1;
8+
static const double px2 = 2;
9+
static const double px4 = 4;
10+
static const double px6 = 6;
11+
static const double px8 = 8;
12+
static const double px10 = 10;
13+
static const double px12 = 12;
14+
static const double px16 = 16;
15+
static const double px20 = 20;
16+
static const double px24 = 24;
17+
static const double px28 = 28;
18+
static const double px32 = 32;
19+
static const double px36 = 36;
20+
static const double px40 = 40;
21+
static const double px44 = 44;
22+
static const double px48 = 48;
1323
}
1424

1525
// Margins
1626
class Margins {
17-
static const horizontal4 = SizedBox(width: Sizes.xxs);
18-
static const horizontal8 = SizedBox(width: Sizes.xs);
19-
static const horizontal12 = SizedBox(width: Sizes.s);
20-
static const horizontal16 = SizedBox(width: Sizes.m);
21-
static const horizontal24 = SizedBox(width: Sizes.l);
22-
static const horizontal32 = SizedBox(width: Sizes.xl);
23-
static const horizontal48 = SizedBox(width: Sizes.xxl);
24-
25-
static const vertical4 = SizedBox(height: Sizes.xxs);
26-
static const vertical8 = SizedBox(height: Sizes.xs);
27-
static const vertical12 = SizedBox(height: Sizes.s);
28-
static const vertical16 = SizedBox(height: Sizes.m);
29-
static const vertical24 = SizedBox(height: Sizes.l);
30-
static const vertical32 = SizedBox(height: Sizes.xl);
31-
static const vertical48 = SizedBox(height: Sizes.xxl);
27+
static const horizontal1 = SizedBox(width: Sizes.px1);
28+
static const horizontal2 = SizedBox(width: Sizes.px2);
29+
static const horizontal4 = SizedBox(width: Sizes.px4);
30+
static const horizontal6 = SizedBox(width: Sizes.px6);
31+
static const horizontal8 = SizedBox(width: Sizes.px8);
32+
static const horizontal10 = SizedBox(width: Sizes.px10);
33+
static const horizontal12 = SizedBox(width: Sizes.px12);
34+
static const horizontal16 = SizedBox(width: Sizes.px16);
35+
static const horizontal20 = SizedBox(width: Sizes.px20);
36+
static const horizontal24 = SizedBox(width: Sizes.px24);
37+
static const horizontal28 = SizedBox(width: Sizes.px28);
38+
static const horizontal32 = SizedBox(width: Sizes.px32);
39+
static const horizontal36 = SizedBox(width: Sizes.px36);
40+
static const horizontal40 = SizedBox(width: Sizes.px40);
41+
static const horizontal44 = SizedBox(width: Sizes.px44);
42+
static const horizontal48 = SizedBox(width: Sizes.px48);
43+
44+
static const vertical1 = SizedBox(height: Sizes.px1);
45+
static const vertical2 = SizedBox(height: Sizes.px2);
46+
static const vertical4 = SizedBox(height: Sizes.px4);
47+
static const vertical6 = SizedBox(height: Sizes.px6);
48+
static const vertical8 = SizedBox(height: Sizes.px8);
49+
static const vertical10 = SizedBox(height: Sizes.px10);
50+
static const vertical12 = SizedBox(height: Sizes.px12);
51+
static const vertical16 = SizedBox(height: Sizes.px16);
52+
static const vertical20 = SizedBox(height: Sizes.px20);
53+
static const vertical24 = SizedBox(height: Sizes.px24);
54+
static const vertical28 = SizedBox(height: Sizes.px28);
55+
static const vertical32 = SizedBox(height: Sizes.px32);
56+
static const vertical36 = SizedBox(height: Sizes.px36);
57+
static const vertical40 = SizedBox(height: Sizes.px40);
58+
static const vertical44 = SizedBox(height: Sizes.px44);
59+
static const vertical48 = SizedBox(height: Sizes.px48);
3260
}
3361

3462
// Paddings
3563
class Paddings {
3664
static const empty = EdgeInsets.zero;
3765

38-
static const horizontal4 = EdgeInsets.symmetric(horizontal: Sizes.xxs);
39-
static const horizontal8 = EdgeInsets.symmetric(horizontal: Sizes.xs);
40-
static const horizontal12 = EdgeInsets.symmetric(horizontal: Sizes.s);
41-
static const horizontal16 = EdgeInsets.symmetric(horizontal: Sizes.m);
42-
static const horizontal24 = EdgeInsets.symmetric(horizontal: Sizes.l);
43-
static const horizontal32 = EdgeInsets.symmetric(horizontal: Sizes.xl);
44-
static const horizontal48 = EdgeInsets.symmetric(horizontal: Sizes.xxl);
45-
46-
static const vertical2 = EdgeInsets.symmetric(vertical: 2);
47-
static const vertical4 = EdgeInsets.symmetric(vertical: Sizes.xxs);
48-
static const vertical8 = EdgeInsets.symmetric(vertical: Sizes.xs);
49-
static const vertical12 = EdgeInsets.symmetric(vertical: Sizes.s);
50-
static const vertical16 = EdgeInsets.symmetric(vertical: Sizes.m);
51-
static const vertical24 = EdgeInsets.symmetric(vertical: Sizes.l);
52-
static const vertical32 = EdgeInsets.symmetric(vertical: Sizes.xl);
53-
static const vertical48 = EdgeInsets.symmetric(vertical: Sizes.xxl);
54-
55-
static const all4 = EdgeInsets.all(Sizes.xxs);
56-
static const all8 = EdgeInsets.all(Sizes.xs);
57-
static const all12 = EdgeInsets.all(Sizes.s);
58-
static const all16 = EdgeInsets.all(Sizes.m);
59-
static const all24 = EdgeInsets.all(Sizes.l);
60-
static const all32 = EdgeInsets.all(Sizes.xl);
61-
static const all48 = EdgeInsets.all(Sizes.xxl);
62-
63-
static const top1 = EdgeInsets.only(top: 1);
64-
static const top2 = EdgeInsets.only(top: 2);
65-
static const top4 = EdgeInsets.only(top: Sizes.xxs);
66-
static const top8 = EdgeInsets.only(top: Sizes.xs);
67-
static const top12 = EdgeInsets.only(top: Sizes.s);
68-
static const top16 = EdgeInsets.only(top: Sizes.m);
69-
static const top24 = EdgeInsets.only(top: Sizes.l);
70-
static const top32 = EdgeInsets.only(top: Sizes.xl);
71-
static const top48 = EdgeInsets.only(top: Sizes.xxl);
72-
73-
static const bottom1 = EdgeInsets.only(bottom: 1);
74-
static const bottom2 = EdgeInsets.only(bottom: 2);
75-
static const bottom4 = EdgeInsets.only(bottom: Sizes.xxs);
76-
static const bottom8 = EdgeInsets.only(bottom: Sizes.xs);
77-
static const bottom12 = EdgeInsets.only(bottom: Sizes.s);
78-
static const bottom16 = EdgeInsets.only(bottom: Sizes.m);
79-
static const bottom24 = EdgeInsets.only(bottom: Sizes.l);
80-
static const bottom32 = EdgeInsets.only(bottom: Sizes.xl);
81-
static const bottom48 = EdgeInsets.only(bottom: Sizes.xxl);
82-
83-
static const left4 = EdgeInsets.only(left: Sizes.xxs);
84-
static const left8 = EdgeInsets.only(left: Sizes.xs);
85-
static const left12 = EdgeInsets.only(left: Sizes.s);
86-
static const left16 = EdgeInsets.only(left: Sizes.m);
87-
static const left24 = EdgeInsets.only(left: Sizes.l);
88-
static const left32 = EdgeInsets.only(left: Sizes.xl);
89-
static const left48 = EdgeInsets.only(left: Sizes.xxl);
90-
91-
static const right4 = EdgeInsets.only(right: Sizes.xxs);
92-
static const right8 = EdgeInsets.only(right: Sizes.xs);
93-
static const right12 = EdgeInsets.only(right: Sizes.s);
94-
static const right16 = EdgeInsets.only(right: Sizes.m);
95-
static const right24 = EdgeInsets.only(right: Sizes.l);
96-
static const right32 = EdgeInsets.only(right: Sizes.xl);
97-
static const right48 = EdgeInsets.only(right: Sizes.xxl);
98-
99-
static const start4 = EdgeInsetsDirectional.only(start: Sizes.xxs);
100-
static const start8 = EdgeInsetsDirectional.only(start: Sizes.xs);
101-
static const start12 = EdgeInsetsDirectional.only(start: Sizes.s);
102-
static const start16 = EdgeInsetsDirectional.only(start: Sizes.m);
103-
static const start24 = EdgeInsetsDirectional.only(start: Sizes.l);
104-
static const start32 = EdgeInsetsDirectional.only(start: Sizes.xl);
105-
static const start48 = EdgeInsetsDirectional.only(start: Sizes.xxl);
106-
107-
static const end4 = EdgeInsetsDirectional.only(end: Sizes.xxs);
108-
static const end8 = EdgeInsetsDirectional.only(end: Sizes.xs);
109-
static const end12 = EdgeInsetsDirectional.only(end: Sizes.s);
110-
static const end16 = EdgeInsetsDirectional.only(end: Sizes.m);
111-
static const end24 = EdgeInsetsDirectional.only(end: Sizes.l);
112-
static const end32 = EdgeInsetsDirectional.only(end: Sizes.xl);
113-
static const end48 = EdgeInsetsDirectional.only(end: Sizes.xxl);
66+
static const horizontal1 = EdgeInsets.symmetric(horizontal: Sizes.px1);
67+
static const horizontal2 = EdgeInsets.symmetric(horizontal: Sizes.px2);
68+
static const horizontal4 = EdgeInsets.symmetric(horizontal: Sizes.px4);
69+
static const horizontal6 = EdgeInsets.symmetric(horizontal: Sizes.px6);
70+
static const horizontal8 = EdgeInsets.symmetric(horizontal: Sizes.px8);
71+
static const horizontal10 = EdgeInsets.symmetric(horizontal: Sizes.px10);
72+
static const horizontal12 = EdgeInsets.symmetric(horizontal: Sizes.px12);
73+
static const horizontal16 = EdgeInsets.symmetric(horizontal: Sizes.px16);
74+
static const horizontal20 = EdgeInsets.symmetric(horizontal: Sizes.px20);
75+
static const horizontal24 = EdgeInsets.symmetric(horizontal: Sizes.px24);
76+
static const horizontal28 = EdgeInsets.symmetric(horizontal: Sizes.px28);
77+
static const horizontal32 = EdgeInsets.symmetric(horizontal: Sizes.px32);
78+
static const horizontal36 = EdgeInsets.symmetric(horizontal: Sizes.px36);
79+
static const horizontal40 = EdgeInsets.symmetric(horizontal: Sizes.px40);
80+
static const horizontal44 = EdgeInsets.symmetric(horizontal: Sizes.px44);
81+
static const horizontal48 = EdgeInsets.symmetric(horizontal: Sizes.px48);
82+
83+
static const vertical1 = EdgeInsets.symmetric(vertical: Sizes.px1);
84+
static const vertical2 = EdgeInsets.symmetric(vertical: Sizes.px2);
85+
static const vertical4 = EdgeInsets.symmetric(vertical: Sizes.px4);
86+
static const vertical6 = EdgeInsets.symmetric(vertical: Sizes.px6);
87+
static const vertical8 = EdgeInsets.symmetric(vertical: Sizes.px8);
88+
static const vertical10 = EdgeInsets.symmetric(vertical: Sizes.px10);
89+
static const vertical12 = EdgeInsets.symmetric(vertical: Sizes.px12);
90+
static const vertical16 = EdgeInsets.symmetric(vertical: Sizes.px16);
91+
static const vertical20 = EdgeInsets.symmetric(vertical: Sizes.px20);
92+
static const vertical24 = EdgeInsets.symmetric(vertical: Sizes.px24);
93+
static const vertical28 = EdgeInsets.symmetric(vertical: Sizes.px28);
94+
static const vertical32 = EdgeInsets.symmetric(vertical: Sizes.px32);
95+
static const vertical36 = EdgeInsets.symmetric(vertical: Sizes.px36);
96+
static const vertical40 = EdgeInsets.symmetric(vertical: Sizes.px40);
97+
static const vertical44 = EdgeInsets.symmetric(vertical: Sizes.px44);
98+
static const vertical48 = EdgeInsets.symmetric(vertical: Sizes.px48);
99+
100+
static const all1 = EdgeInsets.all(Sizes.px1);
101+
static const all2 = EdgeInsets.all(Sizes.px2);
102+
static const all4 = EdgeInsets.all(Sizes.px4);
103+
static const all6 = EdgeInsets.all(Sizes.px6);
104+
static const all8 = EdgeInsets.all(Sizes.px8);
105+
static const all10 = EdgeInsets.all(Sizes.px10);
106+
static const all12 = EdgeInsets.all(Sizes.px12);
107+
static const all16 = EdgeInsets.all(Sizes.px16);
108+
static const all20 = EdgeInsets.all(Sizes.px20);
109+
static const all24 = EdgeInsets.all(Sizes.px24);
110+
static const all28 = EdgeInsets.all(Sizes.px28);
111+
static const all32 = EdgeInsets.all(Sizes.px32);
112+
static const all36 = EdgeInsets.all(Sizes.px36);
113+
static const all40 = EdgeInsets.all(Sizes.px40);
114+
static const all44 = EdgeInsets.all(Sizes.px44);
115+
static const all48 = EdgeInsets.all(Sizes.px48);
116+
117+
static const top1 = EdgeInsets.only(top: Sizes.px1);
118+
static const top2 = EdgeInsets.only(top: Sizes.px2);
119+
static const top4 = EdgeInsets.only(top: Sizes.px4);
120+
static const top6 = EdgeInsets.only(top: Sizes.px6);
121+
static const top8 = EdgeInsets.only(top: Sizes.px8);
122+
static const top10 = EdgeInsets.only(top: Sizes.px10);
123+
static const top12 = EdgeInsets.only(top: Sizes.px12);
124+
static const top16 = EdgeInsets.only(top: Sizes.px16);
125+
static const top20 = EdgeInsets.only(top: Sizes.px20);
126+
static const top24 = EdgeInsets.only(top: Sizes.px24);
127+
static const top28 = EdgeInsets.only(top: Sizes.px28);
128+
static const top32 = EdgeInsets.only(top: Sizes.px32);
129+
static const top36 = EdgeInsets.only(top: Sizes.px36);
130+
static const top40 = EdgeInsets.only(top: Sizes.px40);
131+
static const top44 = EdgeInsets.only(top: Sizes.px44);
132+
static const top48 = EdgeInsets.only(top: Sizes.px48);
133+
134+
static const bottom1 = EdgeInsets.only(bottom: Sizes.px1);
135+
static const bottom2 = EdgeInsets.only(bottom: Sizes.px2);
136+
static const bottom4 = EdgeInsets.only(bottom: Sizes.px4);
137+
static const bottom6 = EdgeInsets.only(bottom: Sizes.px6);
138+
static const bottom8 = EdgeInsets.only(bottom: Sizes.px8);
139+
static const bottom10 = EdgeInsets.only(bottom: Sizes.px10);
140+
static const bottom12 = EdgeInsets.only(bottom: Sizes.px12);
141+
static const bottom16 = EdgeInsets.only(bottom: Sizes.px16);
142+
static const bottom20 = EdgeInsets.only(bottom: Sizes.px20);
143+
static const bottom24 = EdgeInsets.only(bottom: Sizes.px24);
144+
static const bottom28 = EdgeInsets.only(bottom: Sizes.px28);
145+
static const bottom32 = EdgeInsets.only(bottom: Sizes.px32);
146+
static const bottom36 = EdgeInsets.only(bottom: Sizes.px36);
147+
static const bottom40 = EdgeInsets.only(bottom: Sizes.px40);
148+
static const bottom44 = EdgeInsets.only(bottom: Sizes.px44);
149+
static const bottom48 = EdgeInsets.only(bottom: Sizes.px48);
150+
151+
static const left1 = EdgeInsets.only(left: Sizes.px1);
152+
static const left2 = EdgeInsets.only(left: Sizes.px2);
153+
static const left4 = EdgeInsets.only(left: Sizes.px4);
154+
static const left6 = EdgeInsets.only(left: Sizes.px6);
155+
static const left8 = EdgeInsets.only(left: Sizes.px8);
156+
static const left10 = EdgeInsets.only(left: Sizes.px10);
157+
static const left12 = EdgeInsets.only(left: Sizes.px12);
158+
static const left16 = EdgeInsets.only(left: Sizes.px16);
159+
static const left20 = EdgeInsets.only(left: Sizes.px20);
160+
static const left24 = EdgeInsets.only(left: Sizes.px24);
161+
static const left28 = EdgeInsets.only(left: Sizes.px28);
162+
static const left32 = EdgeInsets.only(left: Sizes.px32);
163+
static const left36 = EdgeInsets.only(left: Sizes.px36);
164+
static const left40 = EdgeInsets.only(left: Sizes.px40);
165+
static const left44 = EdgeInsets.only(left: Sizes.px44);
166+
static const left48 = EdgeInsets.only(left: Sizes.px48);
167+
168+
static const right1 = EdgeInsets.only(right: Sizes.px1);
169+
static const right2 = EdgeInsets.only(right: Sizes.px2);
170+
static const right4 = EdgeInsets.only(right: Sizes.px4);
171+
static const right6 = EdgeInsets.only(right: Sizes.px6);
172+
static const right8 = EdgeInsets.only(right: Sizes.px8);
173+
static const right10 = EdgeInsets.only(right: Sizes.px10);
174+
static const right12 = EdgeInsets.only(right: Sizes.px12);
175+
static const right16 = EdgeInsets.only(right: Sizes.px16);
176+
static const right20 = EdgeInsets.only(right: Sizes.px20);
177+
static const right24 = EdgeInsets.only(right: Sizes.px24);
178+
static const right28 = EdgeInsets.only(right: Sizes.px28);
179+
static const right32 = EdgeInsets.only(right: Sizes.px32);
180+
static const right36 = EdgeInsets.only(right: Sizes.px36);
181+
static const right40 = EdgeInsets.only(right: Sizes.px40);
182+
static const right44 = EdgeInsets.only(right: Sizes.px44);
183+
static const right48 = EdgeInsets.only(right: Sizes.px48);
184+
185+
static const start1 = EdgeInsetsDirectional.only(start: Sizes.px1);
186+
static const start2 = EdgeInsetsDirectional.only(start: Sizes.px2);
187+
static const start4 = EdgeInsetsDirectional.only(start: Sizes.px4);
188+
static const start6 = EdgeInsetsDirectional.only(start: Sizes.px6);
189+
static const start8 = EdgeInsetsDirectional.only(start: Sizes.px8);
190+
static const start10 = EdgeInsetsDirectional.only(start: Sizes.px10);
191+
static const start12 = EdgeInsetsDirectional.only(start: Sizes.px12);
192+
static const start16 = EdgeInsetsDirectional.only(start: Sizes.px16);
193+
static const start20 = EdgeInsetsDirectional.only(start: Sizes.px20);
194+
static const start24 = EdgeInsetsDirectional.only(start: Sizes.px24);
195+
static const start28 = EdgeInsetsDirectional.only(start: Sizes.px28);
196+
static const start32 = EdgeInsetsDirectional.only(start: Sizes.px32);
197+
static const start36 = EdgeInsetsDirectional.only(start: Sizes.px36);
198+
static const start40 = EdgeInsetsDirectional.only(start: Sizes.px40);
199+
static const start44 = EdgeInsetsDirectional.only(start: Sizes.px44);
200+
static const start48 = EdgeInsetsDirectional.only(start: Sizes.px48);
201+
202+
static const end1 = EdgeInsetsDirectional.only(end: Sizes.px1);
203+
static const end2 = EdgeInsetsDirectional.only(end: Sizes.px2);
204+
static const end4 = EdgeInsetsDirectional.only(end: Sizes.px4);
205+
static const end6 = EdgeInsetsDirectional.only(end: Sizes.px6);
206+
static const end8 = EdgeInsetsDirectional.only(end: Sizes.px8);
207+
static const end10 = EdgeInsetsDirectional.only(end: Sizes.px10);
208+
static const end12 = EdgeInsetsDirectional.only(end: Sizes.px12);
209+
static const end16 = EdgeInsetsDirectional.only(end: Sizes.px16);
210+
static const end20 = EdgeInsetsDirectional.only(end: Sizes.px20);
211+
static const end24 = EdgeInsetsDirectional.only(end: Sizes.px24);
212+
static const end28 = EdgeInsetsDirectional.only(end: Sizes.px28);
213+
static const end32 = EdgeInsetsDirectional.only(end: Sizes.px32);
214+
static const end36 = EdgeInsetsDirectional.only(end: Sizes.px36);
215+
static const end40 = EdgeInsetsDirectional.only(end: Sizes.px40);
216+
static const end44 = EdgeInsetsDirectional.only(end: Sizes.px44);
217+
static const end48 = EdgeInsetsDirectional.only(end: Sizes.px48);
218+
}
219+
220+
// Radiuses
221+
class Radiuses {
222+
static const circular1 = BorderRadius.all(Radius.circular(Sizes.px1));
223+
static const circular2 = BorderRadius.all(Radius.circular(Sizes.px2));
224+
static const circular4 = BorderRadius.all(Radius.circular(Sizes.px4));
225+
static const circular6 = BorderRadius.all(Radius.circular(Sizes.px6));
226+
static const circular8 = BorderRadius.all(Radius.circular(Sizes.px8));
227+
static const circular10 = BorderRadius.all(Radius.circular(Sizes.px10));
228+
static const circular12 = BorderRadius.all(Radius.circular(Sizes.px12));
229+
static const circular16 = BorderRadius.all(Radius.circular(Sizes.px16));
230+
static const circular20 = BorderRadius.all(Radius.circular(Sizes.px20));
231+
static const circular24 = BorderRadius.all(Radius.circular(Sizes.px24));
232+
static const circular28 = BorderRadius.all(Radius.circular(Sizes.px28));
233+
static const circular32 = BorderRadius.all(Radius.circular(Sizes.px32));
234+
static const circular36 = BorderRadius.all(Radius.circular(Sizes.px36));
235+
static const circular40 = BorderRadius.all(Radius.circular(Sizes.px40));
236+
static const circular44 = BorderRadius.all(Radius.circular(Sizes.px44));
237+
static const circular48 = BorderRadius.all(Radius.circular(Sizes.px48));
114238
}
115239

116240
extension MergeMargins on SizedBox {

‎lib/pagination/paginated_scroll_view.dart‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ class PaginatedScrollView<T> extends StatelessWidget {
6565
),
6666
if (state.hasNextPage)
6767
const SliverToBoxAdapter(
68-
child: Padding(padding: EdgeInsets.all(Sizes.m), child: Center(child: CircularProgressIndicator())),
68+
child: Padding(padding: EdgeInsets.all(Sizes.px16), child: Center(child: CircularProgressIndicator())),
6969
),
7070
if (bottomWidget != null) SliverToBoxAdapter(child: bottomWidget),
7171
//Bottom insets to be able to scroll the entire content above the FloatingActionButton

0 commit comments

Comments
 (0)