Функция HorizontalDivider

Функция HorizontalDivider рисует тонкую горизонтальную линию в стиле Material3. Её ставят между блоками в Column или под заголовком. Это замена старой Divider из пакета material, не путайте с ней. Толщину и цвет задают параметры thickness и color.

Синтаксис

HorizontalDivider()

Параметры

Параметр	Описание
`thickness`	Толщина линии в dp.
`color`	Цвет линии. Принимает значение класса `Color`.

Пример

Давайте разделим два текста линией:

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

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

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

Пример

Давайте сделаем линию толще:

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

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Column {
				Text(text = "abcde")
				HorizontalDivider(thickness = 4.dp)
				Text(text = "12345")
			}
		}
	}
}

На экране линия будет заметно толще стандартной.

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

функция VerticalDivider,
которая рисует вертикальную линию
функция Column,
где часто ставят HorizontalDivider
класс Color,
которым задают цвет линии
функция Scaffold,
в content которого делят блоки линией