Функция Spacer
Функция Spacer рисует пустую область
фиксированного размера. Её ставят между другими
дочерними элементами в Row
или Column.
Размер задают методами класса
Modifier,
например width
и height.
Синтаксис
Spacer(modifier = Modifier.width(16.dp))
Пример
Давайте отделим два текста в ряду пустым местом:
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.width
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Row {
Text(text = "abcde")
Spacer(modifier = Modifier.width(32.dp))
Text(text = "12345")
}
}
}
}
На экране между текстами появится зазор шириной
32 независимых от плотности пикселей.
Пример
Давайте отделим два текста в столбце по высоте:
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.height
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Column {
Text(text = "abcde")
Spacer(modifier = Modifier.height(24.dp))
Text(text = "12345")
}
}
}
}
На экране между текстами появится вертикальный зазор.
