Compose: Spacer

Spacer добавляет свободное место.

Spacer(modifier = Modifier.size(20.dp))
// или
Spacer(Modifier.width(10.dp))

Следует отметить, что порой через модификатор padding можно добиться такого же результата, но в некоторых случаях именно Spacer является предпочтительным вариантом.

По сути, Spacer является обычным прямоугольником, и мы можем сделать более сложный вариант отображения, задав цвет или картинку, попутно добавив дополнительные эффекты.

val imageBrush = ShaderBrush(
    ImageShader(
        ImageBitmap.imageResource(
            id = R.drawable.cat
        )
    )
)

Spacer(
    modifier = modifier
        .height(250.dp)
        .fillMaxWidth()
        .blur(40.dp)
        .drawWithCache {
            onDrawBehind {
                drawRect(imageBrush)
            }
        }
)

Реклама