procrastinatingVariable/compose2024

🛠️ Task 1

path: /ui/snacks/SnackCard.kt

Notes

• instead of the gradient, 🎨JetsnackTheme.colors.brand can be used instead
• the image can be loaded using UrlImage from /ui/components/UrlImage
• the image will show the pop-corn placeholder until the app or the preview are run

🛠️ Task 2

path: /ui/details/SnackDetails.kt

📚 Cheatsheet

Composables

Box
Column
Row
Text
UrlImage (/ui/components/UrlImage)

Modifiers

All modifier
background, size, clip, fillMaxSize/Width/Height, size,

Fonts📏, colors🎨 and shapes📐

The referenced type styles, colors and shapes can be accessed through the JetsnackTheme:

JetsnackTheme.colors.< name > 🎨
JetsnackTheme.typography.< name > 📏
JetsnackTheme.shapes.< name > 📐