如何实现react-native滑动吸顶效果的长尾词？

本文共计1855个文字，预计阅读时间需要8分钟。

前言：最近公司发展方向偏向移动端，于是被调去学习RN（React Native）。体验还不错，目前有个需求是首页中间吸顶的效果，虽然已经很久没写样式了，但这种常见的效果应该很简单，于是尝试了一下。

直接输出结果：so-easy

前言

最近公司开发方向偏向移动端，于是就被调去做RN（react-native），体验还不错，当前有个需求是首页中间吸顶的效果，虽然已经很久没写样式了，不过这种常见样式应该是so-easy，没成想翻车了，网上搜索换了几个方案都不行，最后去github上复制封装好的库来实现，现在把翻车过程记录下来。

需求效果

翻车过程

第一种方案 失败

一开始的思路是这样的，大众思路，我们需要监听页面的滚动状态，当页面滚动到要吸顶元素所处的位置的时候，我们设置它为固定定位，不过很遗憾，RN对于position属性只提供了两种布局方式：absolute和relative，既没有fixed也没有仍处于试验的api：sticky。