如何让分频器忽略 Jetpack Compose 中父级的填充？

Question

我正在尝试创建一个布局，其中内容的父项具有水平填充，但内容项之间的分隔符应忽略右侧的填充。

为了更清楚，我画了这张我想要的图：

现在，我通过使用 Modifier.offset(x=16.dp) 得到了一些有用的东西，并且成功了除了现在分频器现在也在 'short' 上左侧，像这样：如何实现这样的布局？提前致谢！

Answer 1

offset 修饰符不起作用，因为您只是应用偏移量而不更改宽度。
您可以使用 layout 修饰符来指定元素的大小和放置位置。

类似于：

   Divider(
       color = Black,
       modifier = Modifier
        .layout(){ measurable, constraints ->
            val placeable = measurable.measure(constraints.copy(
                maxWidth = constraints.maxWidth + 16.dp.roundToPx(), //add the end padding 16.dp
            ))
            layout(placeable.width, placeable.height) {
                placeable.place(8.dp.roundToPx(), 0) 
            }
      }
   )

如何让分频器忽略 Jetpack Compose 中父级的填充？

How to make divider ignore padding of parent in Jetpack Compose?

android

kotlin

android-jetpack

android-jetpack-compose