File tree 2 files changed +15
-1
lines changed
2 files changed +15
-1
lines changed Original file line number Diff line number Diff line change @@ -146,8 +146,22 @@ const FlexExample = () =>
146
146
< / View> ;
147
147
```
148
148
149
+ And the result:
149
150
<div >
150
151
<img src="images/iphoneflex.png" height="450" hspace="20"/>
151
152
<img src="images/tabletflex.png" height="450" hspace="20"/>
152
153
</div >
153
- <br />
154
+ <br />
155
+
156
+ Although the box has a good size on the tablet I personally don't recommend flexing you components.
157
+ Flex can be an amazing solution for a lot of stuff but not for scaling, because..
158
+
159
+ * Results in a messy code with a lot of empty Views.
160
+ * You can only flex width, height, margin and padding. Stuff like font-size or shadow-radius can't be flexed.
161
+ * Calculating everything with flex takes time, and as we know, time is money.
162
+
163
+ That said, we can now continue to our second method.
164
+
165
+ <h3 >Method 2: Viewport Units</h3 >
166
+
167
+
You can’t perform that action at this time.
0 commit comments