@momo-kits/tab-view 0.92.21-beta.2 → 0.92.21-beta.3

package/index.tsx

@@ -1,6 +1,14 @@
-import React, {FC, useCallback, useContext, useRef, useState} from 'react';
+import React, {
+  forwardRef,
+  ForwardRefRenderFunction,
+  useCallback,
+  useContext,
+  useImperativeHandle,
+  useRef,
+  useState,
+} from 'react';
 import {Animated, LayoutChangeEvent, View} from 'react-native';
-import {Tab, TabViewProps} from './types';
+import {Tab, TabViewProps, TabViewRef} from './types';
 import TabBar from './tabBar/TabBar';
 import styles from './styles';
 import CardTabBar from './tabBar/CardTabBar';
@@ -8,17 +16,20 @@ import ScrollableTabBar from './tabBar/SrollableTabBar';
 import PagerView from 'react-native-pager-view';
 import {ApplicationContext} from '@momo-kits/foundation';
 
-const TabView: FC<TabViewProps> = ({
-  scrollable = false,
-  tabs = [],
-  onPressTabItem,
-  type = 'default',
-  initialPage = 0,
-  pagerProps,
-  direction,
-  selectedColor,
-  unselectedColor,
-}) => {
+const TabComponent: ForwardRefRenderFunction<TabViewRef, TabViewProps> = (
+  {
+    scrollable = false,
+    tabs = [],
+    onPressTabItem,
+    type = 'default',
+    initialPage = 0,
+    pagerProps,
+    direction,
+    selectedColor,
+    unselectedColor,
+  },
+  ref
+) => {
   const startPage =
     initialPage > tabs.length - 1 ? tabs.length - 1 : initialPage;
   const [selectedIndex, setSelectedIndex] = useState(startPage);
@@ -69,6 +80,12 @@ const TabView: FC<TabViewProps> = ({
     [tabs]
   );
 
+  useImperativeHandle(ref, () => ({
+    goToPage: (page: number) => {
+      if (page >= 0 && page <= tabs.length) pagerRef.current?.setPage(page);
+    },
+  }));
+
   return (
     <View onLayout={onLayout} style={[styles.tabView, {flex: 1}]}>
       <View>
@@ -97,5 +114,7 @@ const TabView: FC<TabViewProps> = ({
   );
 };
 
+const TabView = forwardRef(TabComponent);
+
 export {CardTabBar, ScrollableTabBar, TabBar, TabView};
 export type {TabViewProps, Tab};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/tab-view",
-    "version": "0.92.21-beta.2",
+    "version": "0.92.21-beta.3",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},

package/publish.sh

@@ -12,7 +12,6 @@ if [ "$1" == "stable" ]; then
   npm publish --tag stable --access=public
 elif [ "$1" == "latest" ]; then
   npm version $(npm view @momo-kits/foundation@latest version)
-  npm version prerelease --preid=rc
   npm publish --tag latest --access=public
 else
   npm version $(npm view @momo-kits/tab-view@beta version)

package/types.ts

@@ -145,3 +145,7 @@ export type TabBarProps = {
 
   unselectedColor?: string;
 };
+
+export type TabViewRef = {
+  goToPage: (page: number) => void;
+};