Jetpack Compose中如何实现依赖其他Modifier值的自定义Modifier

核心逻辑：Modifier的参数是静态声明的，无法直接读取其他Modifier携带的尺寸属性，需要在布局测量阶段获取父容器的实际尺寸后动态计算子元素尺寸，针对你提出的场景，有两种成熟实现方式：

方式1：使用BoxWithConstraints快速实现（无需自定义Modifier，适合单场景使用） #

直接在现有代码的外层Box内部套BoxWithConstraints，即可直接获取父容器的尺寸参数，代码如下：

@Composable
fun View() {
   MyComposable(modifier = Modifier.size(40.dp))
}

@Composable
fun MyComposable(
  modifier: Modifier
) {
  Box(modifier) {
    // 直接通过BoxWithConstraints获取父容器的尺寸约束
    BoxWithConstraints {
      // 示例计算逻辑：子组件高度 = 父高度的一半 + 10dp固定常量，可按需调整
      val childHeight = maxHeight / 2 + 10.dp
      val childHeightModifier = Modifier.height(childHeight)
      
      Box(childHeightModifier) {
         // 子组件内容
      }
    }
  }
}

方式2：封装通用自定义LayoutModifier（适合多场景复用） #

如果你需要把这个逻辑封装成可复用的Modifier，供多个组件调用，可以通过自定义LayoutModifier实现，代码如下：

// 自定义Modifier：高度为父布局高度的fraction比例加额外固定值
fun Modifier.heightByParentFractionPlus(fraction: Float, extraHeight: Dp) = this.then(
    object : LayoutModifier {
        override fun MeasureScope.measure(
            measurable: Measurable,
            constraints: Constraints
        ): MeasureResult {
            // 读取父布局的最大可用高度
            val parentMaxHeight = constraints.maxHeight.toDp()
            // 自定义计算子组件目标高度
            val targetHeight = parentMaxHeight * fraction + extraHeight
            // 用计算出的高度约束子组件
            val childConstraints = constraints.copy(
                minHeight = targetHeight.roundToPx(),
                maxHeight = targetHeight.roundToPx()
            )
            val placeable = measurable.measure(childConstraints)
            return layout(placeable.width, placeable.height) {
                placeable.placeRelative(0, 0)
            }
        }
    }
)

调用示例：

@Composable
fun MyComposable(
  modifier: Modifier
) {
  Box(modifier) {
    // 直接调用自定义Modifier：高度为父高度的一半 + 10dp
    Box(Modifier.heightByParentFractionPlus(fraction = 0.5f, extraHeight = 10.dp)) {
       // 子组件内容
    }
  }
}

两种方式都可以实现自定义尺寸计算逻辑，不受fillMaxHeight内置参数的限制。

内容的提问来源于stack exchange，提问作者Johan Paul