Метод spacedBy

Метод spacedBy класса Arrangement возвращает распределение с фиксированным зазором между соседними дочерними элементами. Размер зазора задаёт параметр space типа Dp. Параметр alignment выравнивает элементы поперёк оси внутри оставшегося места.

Синтаксис

Arrangement.spacedBy(16.dp)

Параметры

Параметр	Описание
`space`	Расстояние между соседними дочерними элементами вдоль главной оси.
`alignment`	Выравнивание поперёк оси. Для горизонтального ряда принимает значение класса `Alignment` для вертикали, для столбца - для горизонтали. Необязательный параметр.

Пример

Давайте поставим зазор между текстами в ряду:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.material3.Text
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Row(
				horizontalArrangement = Arrangement.spacedBy(24.dp),
			) {
				Text(text = "abcde")
				Text(text = "12345")
			}
		}
	}
}

На экране между текстами будет зазор шириной 24 dp.

Пример

Давайте поставим такой же зазор в столбце:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.material3.Text
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Column(
				verticalArrangement = Arrangement.spacedBy(16.dp),
			) {
				Text(text = "abcde")
				Text(text = "12345")
			}
		}
	}
}

На экране между текстами будет вертикальный зазор 16 dp.

Смотрите также

класс Arrangement,
где собраны остальные варианты распределения
функция Spacer,
которая вставляет пустое место между элементами
функция Row,
которая принимает horizontalArrangement
функция Column,
которая принимает verticalArrangement