compose中 contentPadding和Modifier.padding的区别
示例代码Box(modifierModifier.fillMaxSize().padding(top30.dp),contentPaddingPaddingValues(top30.dp,bottomappDimens.spacing.spacingZero)){}它们不是相同的含义虽然视觉上都能产生边距但作用对象和交互行为完全不同1. Modifier.padding() —— “容器的外壳”它作用于 组件容器本身。含义它在控件的四周加了一圈“墙”。滚动行为如果你给列表设置了 Modifier.padding(top 30.dp)那么列表的内容在滑动时永远无法进入这 30.dp 的区域。视觉效果列表的内容会被这 30.dp 强行“切断”顶部会有一块空白或者露出底色。2. contentPadding —— “内容的起始偏移”它作用于 容器内部的内容。含义它只是给列表的第一个 item 设置了一个初始的间距。滚动行为当你向上滑动列表时内容会 穿过 这个 30.dp 的区域一直滑到容器的最顶部。视觉效果初始状态下看起来和 Modifier.padding 一样但滑动起来后内容可以填满整个屏幕。形象对比特性Modifier.paddingcontentPadding比喻镜框的厚度照片缩在框内留白照片本身很大只是起头留了空内容滑动无法滑入 padding 区域可以滑动并覆盖该区域背景色padding 区域通常露出父布局背景背景色属于列表容器通常会被内容覆盖