fix: sticky

Author: QiuShuiBai

example/pages/sticky/sticky-basic.mpx

@@ -5,11 +5,8 @@
       <scroll-view
         scroll-y="{{ true }}"
         bindscroll="onScroll"
-        style="height: 400px;position:relative"
+        style="height: 100vh;position:relative"
       >
-        <cube-sticky-ele eleKey="1">
-          <view class="sticky-header">吸顶标题 1</view>
-        </cube-sticky-ele>
         <view class="sticky-content">
           <view wx:for="{{[1,2,3,4,5]}}" wx:key="*this" class="content-item">内容项 {{item}}</view>
         </view>
@@ -33,20 +30,20 @@
 </template>
 
 <script>
-import { createPage } from '@mpxjs/core'
+import { createComponent } from '@mpxjs/core'
 
-createPage({
+createComponent({
   options: {
-    styleIsolation: 'shared'
+    styleIsolation: 'shared',
   },
   data: {
-    pos: 0
+    pos: 0,
   },
   methods: {
     onScroll(e) {
       this.pos = e.detail.scrollTop
-    }
-  }
+    },
+  },
 })
 </script>
 
@@ -65,7 +62,7 @@ createPage({
   background-color: #f5f5f5
 
 .content-item
-  height: 40px
+  height: 120px
   line-height: 40px
   margin-bottom: 10px
   padding: 0 15px
@@ -82,4 +79,4 @@ createPage({
       "cube-sticky-ele": "@mpxjs/mpx-cube-ui/src/components/sticky/sticky-ele/index"
     }
   }
-</script>
+</script>

package.json

@@ -30,6 +30,7 @@
     "init:dev": "pnpm install --frozen-lockfile && cd example && npm ci --legacy-peer-deps && cd ReactNativeProject && npm ci --legacy-peer-deps && npx install-expo-modules"
   },
   "devDependencies": {
+    "react-native-gesture-handler": "^2.23.0",
     "@babel/runtime-corejs3": "^7.10.4",
     "@babel/core": "^7.10.4",
     "@babel/preset-env": "^7.10.4",

packages/mpx-cube-ui/src/components/sticky/sticky.ts

@@ -102,7 +102,7 @@ createComponent({
       } else {
         oldEle?.refresh()
         oldEle?.setContentStyle({})
-        newEle.setContentStyle({
+        newEle?.setContentStyle({
           position: 'fixed',
           top: this.rootRect.top + this.offset + 'px',
           left: this.rootRect.left + 'px',