Метод width

Метод width интерфейса Modifier фиксирует ширину элемента в Dp. Высота остаётся по содержимому или другим модификаторам.

Синтаксис

Modifier.width(200.dp)

Параметры

Параметр	Описание
`width`	Ширина элемента в dp.

Пример

Давайте зададим широкую полосу под текст:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.width
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Text(
				text = "abcde",
				modifier = Modifier
					.width(240.dp)
					.background(Color.LightGray),
			)
		}
	}
}

На экране фон растянется на ширину 240 dp, текст останется внутри.

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

метод height,
который задаёт высоту
метод widthIn,
который задаёт минимум и максимум ширины
метод fillMaxWidth,
который занимает всю ширину родителя
метод size,
который задаёт ширину и высоту сразу