提问者:小点点

两列,一列具有动态高度,不适合屏幕喷气背包


我想在喷气背包撰写中做两列的基本视图,其中

列 A 具有基于某些计算的动态高度。列 B 位于具有固定高度的列 A 下,并设置为垂直滚动

但是,列 A 正在切割列 B 空间,它无助于调整列 B 的高度 - 它仅在我放置固定的 dp 值时才有效,但是当它派生自列 A 时,它不起作用。

有什么聪明的方法可以解决这个问题吗?

TLDR:尝试垂直放置两列,但具有动态高度的列切割具有固定高度的列。

Column(modifier = Modifier.fillMaxHeight()) {
  // A
  Column()) {
  // some content with dynamic height
  }
  // B with vertical scrolling
  Column(modifier = Modifier.height(1000.dp)) {
  }
}

谢谢


共2个答案

匿名用户

您可以使用 weight(1f) 指示您的第一列占用第二列未占用的所有空间

    Column(modifier = Modifier.weight(1f)) {
        Text(text = "This is the first column")
    }
    // B with vertical scrolling
    Column(modifier = Modifier.fillMaxWidth().height(256.dp)) {
        Text("This is the 2nd column")
    }

匿名用户

如果色谱柱不需要接触,

Column(Modifier.fillMaxSize()){
 Column(Modifier.wrapContentHeight().weight(1f, fill = 
 false){

 }
 Column(Modifier.height(/*fixed*/){

 }
}