feat: support scrollToTop (#11)

OneKeyHQ · Dec 10, 2024 · 8b1a7f5 · 8b1a7f5
1 parent 3e158b0
commit 8b1a7f5
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 1 deletion.
diff --git a/ios/PagingView/PagingView.h b/ios/PagingView/PagingView.h
@@ -20,6 +20,8 @@ typedef NSString* _Nonnull (^RenderItemBlock)(NSDictionary *body);
 
 - (void)setVerticalScrollEnabled:(BOOL)verticalScrollEnabled;
 
+- (void)scrollToTop;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/ios/PagingView/PagingView.m b/ios/PagingView/PagingView.m
@@ -77,6 +77,7 @@ - (void)stopObservingViewPosition {
   self.displayLink = nil;
 }
 
+
 - (void)checkViewPosition {
   if (_pagingView) {
     BOOL isPhone = [[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone;
@@ -228,6 +229,10 @@ - (void) setVerticalScrollEnabled: (BOOL) verticalScrollEnabled {
     }
 }
 
+- (void)scrollToTop {
+  [self.pagingView.mainTableView setContentOffset:CGPointMake(0, 0) animated:YES];
+}
+
 -(JXPagerView *)pagingView {
   if (!_pagingView) {
     _pagingView = [[JXPagerView alloc] initWithDelegate:self];

diff --git a/ios/PagingView/PagingViewManager.m b/ios/PagingView/PagingViewManager.m
@@ -53,6 +53,15 @@ @implementation PagingViewManager
     }];
 }
 
+RCT_EXPORT_METHOD(scrollToTop:(nonnull NSNumber *)reactTag) {
+    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+        PagingView *view = (PagingView *)viewRegistry[reactTag];
+        if (!!view && [view isKindOfClass:[PagingView class]]) {
+            [view scrollToTop];
+        }
+    }];
+}
+
 - (UIView *)view
 {
   return [[PagingView alloc] init];

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@onekeyfe/react-native-tab-page-view",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "React Native Tab Page View",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/NestedTabView/index.native.tsx b/src/NestedTabView/index.native.tsx
@@ -3,6 +3,7 @@ import { forwardRef, useImperativeHandle, useRef } from 'react';
 import {
   UIManager,
   findNodeHandle,
+  Platform,
   requireNativeComponent,
 } from 'react-native';
 
@@ -25,6 +26,16 @@ function NestedTabViewContainer(props: any, forwardRef: any) {
           );
         }
       },
+      scrollToTop: () => {
+        if (Platform.OS === 'ios' && ref?.current?._nativeTag) {
+          UIManager.dispatchViewManagerCommand(
+            findNodeHandle(ref.current._nativeTag),
+            UIManager.getViewManagerConfig('NestedTabView').Commands
+              .scrollToTop as number,
+            []
+          );
+        }
+      }
     }),
     []
   );