前言

最近公司開發方向偏向移動端，于是就被調去做RN（react-native），體驗還不錯，當前有個需求是首頁中間吸頂的效果，雖然已經很久沒寫樣式了，不過這種常見樣式應該是so-easy，沒成想翻車了，網上搜索換了幾個方案都不行，最后去github上復制封裝好的庫來實現，現在把翻車過程記錄下來。

需求效果

翻車過程

第一種方案 失敗

一開始的思路是這樣的，大眾思路，我們需要監聽頁面的滾動狀態，當頁面滾動到要吸頂元素所處的位置的時候，我們設置它為固定定位，不過很遺憾，RN對于position屬性只提供了兩種布局方式：absolute和relative，既沒有fixed也沒有仍處于試驗的api：sticky。尷尬了
注：相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。