Почему мой JetPack Compose изображает все пространство в ряду и скрывает текст? ⇐ Android

[Anonymous]

Вот мои два предварительных просмотра: < /p>
@Preview(showBackground = true)
@Composable
fun RegionsTest1() {
PromVendorsTheme {
Row(
horizontalArrangement = Arrangement.spacedBy(40.dp),
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.padding(4.dp)
.fillMaxWidth()
) {
FilledTonalButton(
onClick = {
// TODO
}
) {
Text(
"See our listings",
maxLines = 1,
overflow = TextOverflow.Visible,
)
}
}
}
}

@Preview(showBackground = true)
@Composable
fun RegionsTest2() {
val location = "Long Island"
val state = "New York State"

PromVendorsTheme {
Row(
horizontalArrangement = Arrangement.spacedBy(40.dp),
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.padding(4.dp)
.fillMaxWidth()
) {
Image(
painterResource(R.drawable.prom_vendors_long_island),
"Birds eye view of $location in $state",
contentScale = ContentScale.FillWidth,
modifier = Modifier
)

FilledTonalButton(
onClick = {
// TODO
}
) {
Text(
"See our listings",
maxLines = 1,
overflow = TextOverflow.Visible,
)
}
}
}
}

и как они появляются:

. />

• row: fillmaxwidth () < /li>
  Изображение: contentscale.fillwidth < /li>
  < /ul>
  Я даже пытался сделать < /p>
  
  textoverflow.visible < /p>
  
  textoverflow.visible < /p>
  
  textoverflow.visible < /p>
  
  Textoverflow.visible < /p> FillMaxWidth ()

, чтобы исправить его, и они ничего не изменили.
Вот как я хочу, чтобы ряд вела в конце: (текст получает приоритет ширины, затем изображение берет оставшуюся ширину, доступную на экране на прокладке, и высота масштабирует до уровня поддержания уровня уровня 1: 1 (изображение. />
и мои версии Gradle/Depertyprint-override ">


Подробнее здесь: https://stackoverflow.com/questions/795 ... ing-the-te