update refresh

Author: nuochong

app/components/example/main.vue

@@ -31,7 +31,7 @@
         <Button class="btn btn-primary" text="自定义弹出框" @tap="pop" />
         <Button class="btn btn-primary" text="动画效果" @tap="animate" />
         <Button class="btn btn-primary" text="下拉刷新" @tap="refresh" />
-        <Button class="btn btn-primary" text="下拉刷❤" @tap="refreshNew" />
+        <Button class="btn btn-primary" text="自定义下拉刷❤" @tap="refreshNew" />
         <Button class="btn btn-primary" text="触摸事件" @tap="touch" />
         <Button class="btn btn-primary" text="请求" @tap="request" />
         <Button class="btn btn-primary" text="获取全局数据" @tap="common" />

app/components/example/refresh.vue

@@ -1,26 +1,14 @@
 <template>
   <Page class="page" loaded="pageLoaded" ref="page">
     <ActionBarSecond :title="'下拉刷新'"></ActionBarSecond>
-    <FlexboxLayout
-      flexDirection="column"
-      backgroundColor="#3c495e"
-      @pan="onDrawerPan(side, $event)"
-    >
-      <!-- <Label class="first" text="first" height="70" backgroundColor="#43b883" ref="ht" flexShrink="0" />
-      <Label text="second" height="70" backgroundColor="#1c6b48" flexShrink="0" />-->
-      <!-- <Label text="third" height="100%" backgroundColor="#289062" /> -->
-      <ListView for="item in listArr" ref="list" @pan="onListPane(side,$event)">
-        <v-template>
-          <Label :text="item" class="icon" />
-        </v-template>
-      </ListView>
-    </FlexboxLayout>
+
     <GridLayout colums="*" rows="*">
-      <Label class="message" :text="msg" col="0" row="0" />
       <PullToRefresh @refresh="refreshList">
-        <ListView for="item in listArr">
+        <ListView for="item in listOfItems" @itemTap="onItemTap">
           <v-template>
-            <Label :text="item" class="icon" />
+            <!-- Shows the list item label in the default color and style. -->
+            <Label class="message" :text="msg" col="0" row="0" />
+            <label :text="item.text" />
           </v-template>
         </ListView>
       </PullToRefresh>
@@ -37,81 +25,30 @@ export default {
   data() {
     return {
       msg: 'Hello World! ',
-      listArr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
-      num: 0,
-      isStart: false,
-      isTime: true
+      listOfItems: [{ text: '下拉刷新' }, { text: '下拉刷新' }, { text: '下拉刷新' }]
     };
   },
   mounted() {
-    this.pageLoaded();
+    console.log('下拉刷新');
   },
   methods: {
-    pageLoaded: function(args) {},
     await: function() {
-      console.log('丁丁事');
       let that = this;
       setTimeout(function() {
         console.log('对不起, 要你久候');
         that.isTime = true;
         console.log('定时了');
       }, 3000);
     },
-    // refreshList (args) {
-    //   var pullRefresh = args.object;
-    //   let that = this;
-    //   setTimeout(function () {
-    //     pullRefresh.refreshing = false;
-    //     that.isTime = true;
-    //     console.log('定时了');
-    //   }, 1000);
-    // },
-    onButton: function() {},
-    onDrawerPan(side, args) {
-      let ht = this.$refs.ht.nativeView;
-      if (ht.marginTop < 0 && this.isStart) {
-        ht.marginTop = ht.marginTop + 5;
-      } else {
-        if (this.isTime) {
-          this.isTime = false;
-          this.await();
-        }
-      }
-    },
-    onListPane(side, args) {
-      let list = this.$refs.list.nativeView;
-      let scrollTop = this.getScrollY();
-      if (scrollTop == 0) {
-        this.isStart = true;
-      }
-      //console.log('kkkk',list.android.smoothScrollToPosition(500));
-      //list.scrollToIndex(500)
-    },
-    getScrollY() {
-      let mListView = this.$refs.list.nativeView.android;
-      let c = mListView.getChildAt(0);
-      if (c == null) {
-        return 0;
-      }
-      let firstVisiblePosition = mListView.getFirstVisiblePosition();
-      let top = c.getTop();
-      return -top + firstVisiblePosition * c.getHeight();
+    refreshList(args) {
+      var pullRefresh = args.object;
+      setTimeout(function() {
+        pullRefresh.refreshing = false;
+      }, 1000);
     }
   }
 };
 </script>
 
 <style scoped lang="scss">
-.first {
-  margin-top: -60;
-}
-
-.icons {
-  font-family: 'icomoon';
-  font-size: 48;
-}
-.icon {
-  font-family: iconfont;
-  font-size: 48;
-}
 </style>

app/main.js

@@ -172,11 +172,8 @@ Vue.use(Dialog, {
   }
 });
 
-// //下拉刷新
-// Vue.registerElement(
-//   'PullToRefresh',
-//   () => require('nativescript-pulltorefresh').PullToRefresh
-// );
+//下拉刷新
+Vue.registerElement('PullToRefresh', () => require('@nstudio/nativescript-pulltorefresh').PullToRefresh);
 
 new Vue({
   store,