@momo-kits/tab-view 0.102.1-beta.1 → 0.102.3-beta.0

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,17 +1,17 @@
 {
-  "name": "@momo-kits/tab-view",
-  "version": "0.102.1-beta.1",
-  "private": false,
-  "main": "index.tsx",
-  "dependencies": {},
-  "peerDependencies": {
-    "@momo-kits/foundation": "latest",
-    "prop-types": "^15.7.2",
-    "react": "16.9.0",
-    "react-native": ">=0.55"
-  },
-  "devDependencies": {
-    "@momo-platform/versions": "4.1.11"
-  },
-  "license": "MoMo"
-}
+    "name": "@momo-kits/tab-view",
+    "version": "0.102.3-beta.0",
+    "private": false,
+    "main": "index.tsx",
+    "dependencies": {},
+    "peerDependencies": {
+        "@momo-kits/foundation": "latest",
+        "prop-types": "^15.7.2",
+        "react": "16.9.0",
+        "react-native": ">=0.55"
+    },
+    "devDependencies": {
+        "@momo-platform/versions": "4.1.11"
+    },
+    "license": "MoMo"
+}

package/publish.sh

@@ -7,15 +7,15 @@ rsync -r --exclude=/dist ./* dist
 cd dist
 
 if [ "$1" == "stable" ]; then
-  npm version $(npm view @momo-kits/tab-view@stable version)
-  npm version patch
+  #npm version $(npm view @momo-kits/tab-view@stable version)
+  #npm version patch
   npm publish --tag stable --access=public
 elif [ "$1" == "latest" ]; then
-  npm version $(npm view @momo-kits/foundation@latest version)
+  #npm version $(npm view @momo-kits/foundation@latest version)
   npm publish --tag latest --access=public
 else
-  npm version $(npm view @momo-kits/tab-view@beta version)
-  npm version prerelease --preid=beta
+  #npm version $(npm view @momo-kits/tab-view@beta version)
+  #npm version prerelease --preid=beta
   npm publish --tag beta --access=public
 fi
 

package/types.ts

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