修改 custom-refresher 示例 scroll-view 换成 list-view，并添加 sticky-header ，覆盖iOS的一个Bug测试例

pages/template/custom-refresher/custom-refresher.uvue

 <template>
-  <scroll-view class="scroll-view"
-      :refresher-enabled="true" :refresher-triggered="refresherTriggered" refresher-default-style="none"
-      @refresherpulling="onRefresherpulling"
-      @refresherrefresh="onRefresherrefresh"
-      @refresherrestore="onRefreshrestore"
-      :refresher-threshold="refresherThreshold"
-      refresher-max-drag-distance="200px"
-  >
-    <view v-for="i in 20" class="content-item">
-      <text class="text">item-{{i}}</text>
+  <list-view class="list-view" :refresher-enabled="true" :refresher-triggered="refresherTriggered"
+    refresher-default-style="none" @refresherpulling="onRefresherpulling" @refresherrefresh="onRefresherrefresh"
+    @refresherrestore="onRefreshrestore" :refresher-threshold="refresherThreshold" refresher-max-drag-distance="200px">
+
+    <sticky-header>
+      <view class="header">
+        <text>sticky header</text>
       </view>
+    </sticky-header>
+    <list-item v-for="i in 20" class="content-item">
+      <text class="text">item-{{i}}</text>
+    </list-item>
     <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
-  </scroll-view>
+  </list-view>
 </template>
 
 <script>
   import refreshBox from './refresh-box/refresh-box.uvue';
   export default {
-    components:{refreshBox},
+    components: { refreshBox },
     data() {
       return {
-        refresherTriggered:false,
-        refresherThreshold:40,
-        pullingDistance:0,
+        refresherTriggered: false,
+        refresherThreshold: 40,
+        pullingDistance: 0,
         resetting: false
       }
     },
-    computed:{
-      state():number{
+    computed: {
+      state() : number {
         if (this.resetting) {
           return 3;
         }
-        if(this.refresherTriggered){
+        if (this.refresherTriggered) {
           return 2
         }
-        if(this.pullingDistance > this.refresherThreshold){
+        if (this.pullingDistance > this.refresherThreshold) {
           return 1
-        }else{
+        } else {
           return 0
         }
       }
     },
     methods: {
-      onRefresherpulling(e:RefresherEvent){
+      onRefresherpulling(e : RefresherEvent) {
         // console.log('onRefresherpulling',e.detail.dy)
         this.pullingDistance = e.detail.dy
       },
-      onRefresherrefresh(){
+      onRefresherrefresh() {
         this.refresherTriggered = true
-        setTimeout(()=>{
+        setTimeout(() => {
           this.refresherTriggered = false
           this.resetting = true
-        },1500)
+        }, 1500)
       },
       onRefreshrestore() {
         this.pullingDistance = 0
@@ -62,23 +63,28 @@
 </script>
 
 <style>
-.scroll-view {
+  .list-view {
     flex: 1;
-  padding: 5px 15px;
     background-color: #f5f5f5;
-}
+  }
 
-.content-item {
+  .header {
+    justify-content: center;
+    height: 50px;
+    background-color: #f5f5f5;
+    padding: 15px;
+  }
+
+  .content-item {
     padding: 15px;
     margin: 5px 0;
     background-color: #fff;
     border-radius: 5px;
-}
+  }
 
-.text {
+  .text {
     font-size: 14px;
     color: #666;
     line-height: 20px;
-}
-
+  }
 </style>