如何让ScrollView内的嵌套组件实现吸顶固定效果？

stickyHeaderIndices 确实仅对ScrollView的直接子元素生效，针对你的嵌套场景，有两种可行的实现方法，优先选第一种原生方案，流畅度最好。

方案1：调整结构适配原生吸顶属性（推荐） #

核心思路是把需要吸顶的内层View提到ScrollView直接子级，拆分原本包裹所有内容的第一层View，不影响实际展示效果，完全复用原生吸顶能力，没有额外性能开销。
调整后的结构参考：

<ScrollView
  stickyHeaderIndices={[1]} // 指定第二个直接子元素为吸顶元素
>
  {/* 原第一层View中、吸顶元素上方的内容 */}
  <View>
    吸顶区域上方的普通滚动内容
  </View>
  {/* 原第二层需要吸顶的View，提为ScrollView直接子元素 */}
  <View>
    make this component sticky
  </View>
  {/* 原第一层View中、吸顶元素下方的内容 */}
  <View>
    吸顶区域下方的普通滚动内容
  </View>
</ScrollView>

如果原第一层View有统一的padding、背景样式等，直接把相同样式复制到拆分后的几个内容块上即可；逻辑层如果有上下文包裹需求，也可以单独在每个内容块外层保留相同的上下文提供者，不会有功能问题。

方案2：滚动监听手动实现吸顶 #

如果现有业务逻辑强依赖第一层View的嵌套结构，实在无法拆分，可以通过监听滚动位置手动实现吸顶效果，步骤如下：

• 先给要吸顶的View外层加一个等高的占位View，避免元素脱离文档流后页面内容跳动
• 通过onLayout事件获取吸顶元素初始位置距离ScrollView顶部的距离，作为吸顶触发阈值
• 给ScrollView添加onScroll监听，同时设置scrollEventThrottle={16}保证滚动事件触发频率足够，避免吸顶抖动
• 实时判断当前滚动偏移量contentOffset.y：当偏移量大于等于吸顶阈值时，给吸顶元素设置绝对定位固定在ScrollView顶部；小于阈值时恢复元素在正常文档流的位置即可。

注意：这个方案因为依赖JS线程监听滚动，在低端机上如果JS线程有阻塞可能会出现轻微抖动，性能弱于第一种原生方案。

内容的提问来源于stack exchange，提问作者Ajaypal Singh Gill