Slide 21
Slide 21 text
UI Toolkit
●
Compose offers a large set of
atomic components (Button,
Text, TextField, Image…)
●
As well as container (Box, Row,
Column…) to organize your UI
●
Multiple Modifier to construct
your components
Button(
onClick = { onNavigateTo(recipe.id) },
shape = MaterialTheme.shapes.medium,
contentPadding = PaddingValues(0.dp),
modifier = Modifier
.fillMaxWidth()
.wrapContentHeight()
.background(
color = AppColorsTheme.colors.main
shape = MaterialTheme.shapes.medium
)
.padding(8.dp)
)
Column(modifier = modifier) {
Text(
text = "Préparation",
style = MaterialTheme.typography.h5,
color = AppColorsTheme.colors.text,
)
Spacer(modifier = Modifier.size(8.dp))
steps.forEach { step ->
StepItem(step = step)
Spacer(modifier = Modifier.size(8.dp))
}
}