LazyHorizontalGrid高度与项间垂直间距的计算疑问
Jetpack Compose LazyHorizontalGrid 高度与垂直间距问题解答
实际网格高度
网格的实际高度就是你通过modifier.height(168.dp)设置的固定高度——168.dp。Compose中Modifier.height()会强制约束组件的高度,不会因为内部内容总高度超出而改变容器尺寸。
实际垂直项间距
垂直项间距仍然是你设置的16.dp,但子组件FavoriteCollectionCard的实际高度会被压缩:
- 当使用
GridCells.Fixed(2)时,网格会将容器高度扣除垂直间距后,平均分配给2行。计算得每行可用高度为(168.dp - 16.dp) / 2 = 76.dp。 - 你给
FavoriteCollectionCard设置的80.dp高度会被网格的行布局约束强制压缩到76.dp,最终两行高度(76*2)加垂直间距(16)的总和刚好等于网格固定高度168.dp。
内容的提问来源于stack exchange,提问作者Mohammadreza Khahani
相关产品推荐
相关产品推荐

