如何将 TvLazyRow 标题与项目的枢轴偏移量相匹配

Question

这是我想要的 TvLazyColumnn 的样子：

我需要显示最后通过的项目，这不是问题 但我还想显示 TvLazyColumnn 的标题，以与 TvLazyColumnn 行 PrimeVideo 和许多其他应用程序中的开始或突出显示的项目相匹配。

我有一个解决方法，可以给出近似的填充并尝试，但我不知道它是否是正确的解决方案，而且对于不同的屏幕尺寸，我觉得它看起来不太好。

Answer 1

使用幻数填充是一个不错的解决方案，因为电视没有不同的屏幕尺寸。所有电视的宽高比均为 16:9。如果您在所有布局测量中使用

dp

单位，则这适用于所有电视。

如果您对使用幻数填充不满意，可以查看枢轴偏移值并使用该值设置标题组件之前的

Spacer

可组合项的宽度。

val parentFraction = 0.3f

Column {
  Row(Modifier.fillMaxWidth()) {
    Spacer(Modifier.fillMaxWidth(parentFraction))
    Text("Title")
  }

  TvLazyRow(pivotOffsets = PivotOffsets(parentFraction)) {
      // items
  }
}