为什么从顶部填充基于元素的对齐方式获得不同的长度值？

Question

可以说，我有两个screnario有divider，可以从顶部获得填充。

第一个方案（Aligment.topcenter）;

Box(
                    modifier = Modifier.fillMaxSize(),
                    contentAlignment = Alignment.TopCenter
                ) {
                    Divider(
                        thickness = 3.dp,
                        color = Color.Red)
                    Divider(
                        modifier = Modifier.padding(top = 200.dp),
                        thickness = 3.dp,
                        color = Color.Black)
                }

屏幕：

第二个方案（Aligment.Center）;

Box(
                    modifier = Modifier.fillMaxSize(),
                    contentAlignment = Alignment.Center
                ) {
                    Divider(
                        thickness = 3.dp,
                        color = Color.Red)

                    Divider(
                        modifier = Modifier.padding(top = 200.dp),
                        thickness = 3.dp,
                        color = Color.Black)
                }
            }

屏幕：

问题是：为什么A即使两个都有相同的填充，A也不等于B？

Answer 1

modifier.padding增加了视图的大小。当将其放置在box的中心时，看起来只有一半的填充物被应用，但视图的另一半位于屏幕的上半部分。

您可以添加边框以查看实际发生的事情：

Box(
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Alignment.Center
) {
    Divider(
        thickness = 3.dp,
        color = Color.Red)

    Divider(
        modifier = Modifier.border(2.dp, color = Color.Green).padding(top = 200.dp),
        thickness = 3.dp,
        color = Color.Black)
}

您可以使用modifier.offer.offset.offset而是要获得您期望的结果