Функция Row

Функция Row ставит дочерние элементы в горизонтальный ряд, слева направо. Дочерние элементы передаются в лямбду content. Вдоль ряда их распределяет параметр horizontalArrangement, поперёк ряда - параметр verticalAlignment. По умолчанию ряд занимает ширину своих дочерних элементов и прижимает их к началу ряда.

Синтаксис

Row {
	child1()
	child2()
}

Параметры

Параметр	Описание
`content`	Лямбда с дочерними элементами. В ряд они встают в том порядке, в каком записаны. Приёмник лямбды - класс `RowScope`.
`horizontalArrangement`	Распределение дочерних элементов вдоль ряда. Принимает значение класса `Arrangement`.
`verticalAlignment`	Выравнивание дочерних элементов поперёк ряда, то есть по вертикали. Принимает значение класса `Alignment`.

Пример

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

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Row
import androidx.compose.material3.Text

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

На экране два текста встанут в горизонтальный ряд и прижмутся к началу ряда.

Пример

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

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

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

На экране первый текст встанет у начала ряда, второй - у конца.

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

функция Column,
которая ставит дочерние элементы в вертикальный ряд
функция Box,
которая кладёт дочерние элементы друг на друга
метод weight,
который отдаёт дочернему элементу свободное место в ряду
класс Arrangement,
который задаёт распределение вдоль ряда