Котлин две строки в макете? ⇐ Android

[Гость]

Этот вопрос возник в результате упражнения по построению квадрантов.

В упражнении с размером нас просят создать макет с четырьмя квадрантами, поэтому я создал строку, добавил в строку два столбца, заставил их заполнить пространство и добавил в текст.

Теперь я еще немного поигрался с этим и подумал, а что, если я добавлю вторую строку после первой? это даст мне две строки? Я попробовал это, но в предварительном просмотре ничего не изменилось.

импортировать android.os.Bundle импортировать androidx.activity.ComponentActivity импортировать androidx.activity.compose.setContent импортировать androidx.compose.foundation.background импортировать androidx.compose.foundation.layout.Arrangement импортировать androidx.compose.foundation.layout.Column импортировать androidx.compose.foundation.layout.Row импортировать androidx.compose.foundation.layout.fillMaxSize импортировать androidx.compose.foundation.layout.padding импортировать androidx.compose.material3.MaterialTheme.colorScheme импортировать androidx.compose.material3.Surface импортировать androidx.compose.material3.Text импортировать androidx.compose.runtime.Composable импортировать androidx.compose.ui.Alignment импортировать androidx.compose.ui.Modifier импортировать androidx.compose.ui.graphics.Color импортировать androidx.compose.ui.res.stringResource импортировать androidx.compose.ui.text.style.TextAlign импортировать androidx.compose.ui.tooling.preview.Preview импортировать androidx.compose.ui.unit.dp импортировать org.nynacs.steambadger.R класс MainActivity : ComponentActivity() { переопределить fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { ComposeBasicsTheme { // Поверхностный контейнер, использующий цвет фона из темы Поверхность( модификатор = Модификатор.fillMaxSize(), цвет = colorScheme.background ) { КомпозиСкрин2() } } } } } @Композитный весело ComposeScreen2() { Ряд( Модификатор.fillMaxSize(1f) ) { Столбец(Modifier.weight(1f)) { ComposableInfoCard( заголовок = stringResource(R.string.text_comp), описание = stringResource(R.string.text_comp_explained), _color = 0xFFEADDFF, модификатор = Modifier.weight(1f) ) ComposableInfoCard( заголовок = stringResource(R.string.image_comp), описание = stringResource(R.string.image_comp_explained), _color = 0xFFD0BCFF, модификатор = Modifier.weight(1f) ) } Столбец(Modifier.weight(1f)) { ComposableInfoCard( заголовок = stringResource(R.string.row_comp), описание = stringResource(R.string.row_comp_explained), _color = 0xFFB69DF8, модификатор = Modifier.weight(1f) ) ComposableInfoCard( заголовок = stringResource(R.string.col_comp), описание = stringResource(R.string.col_comp_explained), _color = 0xFFF6EDFF, модификатор = Modifier.weight(1f) ) } } // добавляем сюда новую строку, но при предварительном просмотре другая строка не отображается? Ряд( Модификатор.fillMaxSize(1f) ) { Столбец(Modifier.weight(1f)) { ComposableInfoCard( заголовок = stringResource(R.string.text_comp), описание = stringResource(R.string.text_comp_explained), _color = 0xFFEADDFF, модификатор = Modifier.weight(1f) ) ComposableInfoCard( заголовок = stringResource(R.string.image_comp), описание = stringResource(R.string.image_comp_explained), _color = 0xFFD0BCFF, модификатор = Modifier.weight(1f) ) } Столбец(Modifier.weight(1f)) { ComposableInfoCard( заголовок = stringResource(R.string.row_comp), описание = stringResource(R.string.row_comp_explained), _color = 0xFFB69DF8, модификатор = Modifier.weight(1f) ) ComposableInfoCard( заголовок = stringResource(R.string.col_comp), описание = stringResource(R.string.col_comp_explained), _color = 0xFFF6EDFF, модификатор = Modifier.weight(1f) ) } } } @Композитный fun ComposableInfoCard(title: String, описание: String, _color: Long, модификатор: Модификатор) { Столбец( модификатор = модификатор .fillMaxSize() .background(Цвет(_color)) .padding(16.дп), вертикальноеРасположение = Расположение.Центр, HorizontalAlignment = Alignment.CenterHorizontally ) { Текст( текст = заголовок, textAlign = TextAlign.Justify, ) Текст( текст = описание, textAlign = TextAlign.Justify, ) } } @Preview(showBackground = true) @Композитный весело GreetingPreview() { ComposeBasicsTheme { КомпозиСкрин2() } }