Spacing
Size Constant vs Spacing #
when to use Spacer :
- padding
- Horizontal Spacer
- Vertical Spacer
- SpaceBy
when to use Size Constant :
- Corner Radius
- Modifier.Size()
- Thickness and Width
Spacing #
| Name | Space (dp) | Space (px) |
|---|---|---|
| spacing0_5 | 4dp | 20px |
| spacing0_75 | 6dp | 30px |
| spacing1 | 8dp | 40px |
| spacing1_25 | 10dp | 50px |
| spacing1_5 | 12dp | 60px |
| spacing1_75 | 14dp | 70px |
| spacing2 | 16dp | 80px |
| spacing2_5 | 20dp | 100px |
| spacing3 | 24dp | 120px |
| spacing3_5 | 28dp | 140px |
| spacing4 | 32dp | 160px |
| spacing4_5 | 36dp | 180px |
| spacing5 | 40dp | 200px |
| spacing6 | 48dp | 240px |
| spacing7 | 56dp | 280px |
| spacing8 | 64dp | 320px |
| spacing9 | 72dp | 360px |
| spacing10 | 80dp | 400px |
| spacing12 | 96dp | 480px |
| spacing20 | 160dp | 800px |
| spacing30 | 240dp | 1200px |
| spacing45 | 360dp | 1800px |