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

Question

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

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

现在，我通过使用 Modifier.offset(x=16.dp) 得到了一些有用的东西并且它起到了作用 except 现在分隔线现在也是左侧的“短”，如下所示: 我怎样才能实现这样的布局？提前致谢!

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) 
            }
      }
   )