react-navigation-reanimated-top-tabs 0.7.0 → 0.8.0

package/lib/module/hooks/useHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTabContext","interpolate","useAnimatedStyle","withTiming","useHeader","headerHeight","transformationX","transformationY","hideHeader","value","defaultStyle","transform","translateY","zIndex"],"sourceRoot":"../../../src","sources":["hooks/useHeader.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SACEC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,QACL,yBAAyB;AAEhC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,YAAY;IAAEC,eAAe;IAAEC;EAAgB,CAAC,GAAGP,aAAa,CAAC,CAAC;EAE1E,MAAMQ,UAAU,GAAGA,CAAA,KAAM;IACvBF,eAAe,CAACG,KAAK,GAAGN,UAAU,CAAC,CAACE,YAAY,CAACI,KAAK,CAAC;EACzD,CAAC;EAED,MAAMC,YAAY,GAAGR,gBAAgB,CAAC,OAAO;IAC3CS,SAAS,EAAE,CACT;MACEC,UAAU,EAAEX,WAAW,CACrBM,eAAe,CAACE,KAAK,EACrB,CAAC,CAAC,EAAE,CAACJ,YAAY,CAACI,KAAK,CAAC,EACxB,CAAC,CAAC,EAAE,CAACJ,YAAY,CAACI,KAAK,CAAC,EACxB,OACF;IACF,CAAC,CACF;IACDI,MAAM,EAAE,CAAC;EACX,CAAC,CAAC,CAAC;EAEH,OAAO;IAAEL,UAAU;IAAEE;EAAa,CAAC;AACrC,CAAC","ignoreList":[]}
+{"version":3,"names":["useTabContext","withTiming","useHeader","headerHeight","transformationX","hideHeader","value"],"sourceRoot":"../../../src","sources":["hooks/useHeader.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,yBAAyB;AAEpD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEzD,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACvBD,eAAe,CAACE,KAAK,GAAGL,UAAU,CAAC,CAACE,YAAY,CAACG,KAAK,CAAC;EACzD,CAAC;EAED,OAAO;IAAED;EAAW,CAAC;AACvB,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { ScrollView } from './components/wrappers/ScrollView';
+import { SectionList } from './components/wrappers/SectionList';
 import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
 import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
 import { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
@@ -29,6 +30,7 @@ export const TabHooks = {
 };
 export const Tab = {
   ScrollView,
+  SectionList,
   ScreenWrapper,
   TabBarBaseComponent,
   TabBarLabelBaseComponent

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScrollView","ScreenWrapper","TabBarBaseComponent","TabBarLabelBaseComponent","useEffect","WarningService","useTabContext","useTabOffset","useScreenGesture","useScreenScrollable","useScreenProperties","useHeader","createReanimatedTopTabNavigator","_useTabContext","warn","TabHooks","Tab"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,aAAa,QAAQ,qCAAqC;AACnE,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASC,wBAAwB,QAAQ,gDAAgD;AACzF,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,+BAA+B,QAAQ,6CAA6C;AAE7F,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAC3BT,SAAS,CAAC,MAAM;IACdC,cAAc,CAACS,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,aAAa,CAAC,CAAC;AACxB,CAAC;AAED,OAAO,MAAMS,QAAQ,GAAG;EACtBJ,SAAS;EACTD,mBAAmB;EACnBD,mBAAmB;EACnBD,gBAAgB;EAChBF,aAAa,EAAEO,cAAc;EAC7BN;AACF,CAAC;AAED,OAAO,MAAMS,GAAG,GAAG;EACjBhB,UAAU;EACVC,aAAa;EACbC,mBAAmB;EACnBC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["ScrollView","SectionList","ScreenWrapper","TabBarBaseComponent","TabBarLabelBaseComponent","useEffect","WarningService","useTabContext","useTabOffset","useScreenGesture","useScreenScrollable","useScreenProperties","useHeader","createReanimatedTopTabNavigator","_useTabContext","warn","TabHooks","Tab"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,SAASC,aAAa,QAAQ,qCAAqC;AACnE,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASC,wBAAwB,QAAQ,gDAAgD;AACzF,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,+BAA+B,QAAQ,6CAA6C;AAE7F,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAC3BT,SAAS,CAAC,MAAM;IACdC,cAAc,CAACS,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,aAAa,CAAC,CAAC;AACxB,CAAC;AAED,OAAO,MAAMS,QAAQ,GAAG;EACtBJ,SAAS;EACTD,mBAAmB;EACnBD,mBAAmB;EACnBD,gBAAgB;EAChBF,aAAa,EAAEO,cAAc;EAC7BN;AACF,CAAC;AAED,OAAO,MAAMS,GAAG,GAAG;EACjBjB,UAAU;EACVC,WAAW;EACXC,aAAa;EACbC,mBAAmB;EACnBC;AACF,CAAC","ignoreList":[]}

package/lib/module/navigator/createReanimatedTopTabNavigator.js

@@ -9,9 +9,10 @@ import { useMemo } from 'react';
 import Reanimated from 'react-native-reanimated';
 import { ReanimatedTabView } from '../components/ReanimatedTopTab/ReanimatedTabView';
 import { ContextHooks } from '../context/Context.hooks';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TabViewNavigator = ({
   HeaderComponent,
+  TopComponent,
   TabBarComponent = TabBarBaseComponent,
   children,
   config,
@@ -45,8 +46,8 @@ const TabViewNavigator = ({
     index: state.index,
     routes: state.routes.map((route, index) => {
       const restOptions = omit(descriptors[route.key]?.options, 'tabBarLabel');
-      const tabBarLabel = descriptors[route.key]?.options.tabBarLabel ? () => descriptors[route.key]?.options.tabBarLabel?.({
-        focused: state.index === index,
+      const tabBarLabel = descriptors[route.key]?.options.tabBarLabel ? focused => descriptors[route.key]?.options.tabBarLabel?.({
+        focused,
         title: descriptors[route.key]?.options.title || route.name,
         index
       }) : undefined;
@@ -67,26 +68,27 @@ const TabViewNavigator = ({
     children: ({
       headerHeight,
       transformationY
-    }) => /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Reanimated.View, {
-        onLayout: ({
-          nativeEvent
-        }) => {
-          headerHeight.value = nativeEvent.layout.height;
-        },
-        children: HeaderComponent ? /*#__PURE__*/_jsx(HeaderComponent, {
-          headerHeight: headerHeight,
-          transformationY: transformationY
-        }) : null
-      }), /*#__PURE__*/_jsx(NavigationContent, {
-        children: /*#__PURE__*/_jsx(GestureWrapper, {
-          children: /*#__PURE__*/_jsx(ReanimatedTabView, {
-            navigationState: navigationState,
-            navigate: navigate,
-            renderScene: renderScene,
-            renderTabBar: TabBarComponent
-          })
-        })
+    }) => /*#__PURE__*/_jsxs(NavigationContent, {
+      children: [TopComponent ? /*#__PURE__*/_jsx(TopComponent, {
+        transformationY: transformationY
+      }) : null, /*#__PURE__*/_jsxs(GestureWrapper, {
+        children: [/*#__PURE__*/_jsx(Reanimated.View, {
+          onLayout: ({
+            nativeEvent
+          }) => {
+            headerHeight.value = nativeEvent.layout.height;
+          },
+          children: HeaderComponent ? /*#__PURE__*/_jsx(HeaderComponent, {
+            headerHeight: headerHeight,
+            transformationY: transformationY
+          }) : null
+        }), /*#__PURE__*/_jsx(ReanimatedTabView, {
+          navigationState: navigationState,
+          navigate: navigate,
+          renderScene: renderScene,
+          renderTabBar: TabBarComponent,
+          screenOptions: screenOptions
+        })]
       })]
     })
   });

package/lib/module/navigator/createReanimatedTopTabNavigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useMemo","Reanimated","ReanimatedTabView","ContextHooks","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TabBarComponent","children","config","initialRouteName","screenOptions","NavigationContent","descriptors","navigation","state","defaultScreenOptions","_config","routes","map","context","usePrepareContext","navigate","index","route","dispatch","jumpTo","name","navigationState","restOptions","key","options","tabBarLabel","focused","title","undefined","renderScene","render","headerHeight","transformationY","View","onLayout","nativeEvent","value","layout","height","renderTabBar","createReanimatedTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useMemo","Reanimated","ReanimatedTabView","ContextHooks","jsx","_jsx","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","children","config","initialRouteName","screenOptions","NavigationContent","descriptors","navigation","state","defaultScreenOptions","_config","routes","map","context","usePrepareContext","navigate","index","route","dispatch","jumpTo","name","navigationState","restOptions","key","options","tabBarLabel","focused","title","undefined","renderScene","render","headerHeight","transformationY","View","onLayout","nativeEvent","value","layout","height","renderTabBar","createReanimatedTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReanimatedTopTabNavigation"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;WAQiBA,0BAA0B","ignoreList":[]}
+{"version":3,"names":["ReanimatedTopTabNavigation"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;WAaiBA,0BAA0B","ignoreList":[]}

package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { ReanimatedTopTabNavigation } from 'react-navigation-reanimated-top-tabs';
 import type { ReanimatedTabViewTypes } from './types';
 export interface ReanimatedTabViewProps {
     LazyPlaceholder?: () => React.ReactNode;
@@ -9,6 +10,7 @@ export interface ReanimatedTabViewProps {
     renderScene: (params: ReanimatedTabViewTypes.SceneProps) => React.ReactNode;
     renderTabBar?: (params: ReanimatedTabViewTypes.RenderTabsParams) => React.ReactNode;
     navigate(index: number): void;
+    screenOptions?: ReanimatedTopTabNavigation.NavigationOptions;
 }
 export declare const ReanimatedTabView: React.NamedExoticComponent<ReanimatedTabViewProps>;
 //# sourceMappingURL=ReanimatedTabView.d.ts.map

package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAkBvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IACrE,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,sBAAsB,CAAC,gBAAgB,KAC5C,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,oDAsK7B,CAAC"}
+{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAiBvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IACrE,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,sBAAsB,CAAC,gBAAgB,KAC5C,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;CAC9D;AAED,eAAO,MAAM,iBAAiB,oDAwK7B,CAAC"}

package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import type { SharedValue } from 'react-native-reanimated';
+import type { ReanimatedTopTabNavigation } from 'react-navigation-reanimated-top-tabs';
 export declare namespace ReanimatedTabViewTypes {
     interface Route {
         key: string;
         name: string;
-        tabBarLabel?: () => React.ReactNode;
+        tabBarLabel?: (focused: boolean) => React.ReactNode;
         title?: string;
     }
     type NavigationState = {
@@ -15,6 +16,7 @@ export declare namespace ReanimatedTabViewTypes {
         navigationState: NavigationState;
         position: SharedValue<number>;
         navigate(index: number): void;
+        screenOptions?: ReanimatedTopTabNavigation.NavigationOptions;
     }
     interface SceneProps {
         jumpTo?: (key: string) => void;

package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;QACpC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;KAC/B;IAED,UAAiB,UAAU;QACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC;KACd;IAED,KAAY,qBAAqB,GAAG;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC3E"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACpD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;KAC9D;IAED,UAAiB,UAAU;QACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC;KACd;IAED,KAAY,qBAAqB,GAAG;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC3E"}

package/lib/typescript/src/components/elements/TabBarBaseComponent.d.ts

@@ -5,5 +5,5 @@ export interface TabBarProps extends ReanimatedTabViewTypes.RenderTabsParams {
     children?: React.ReactNode;
     style?: AnimatedStyle;
 }
-export declare const TabBarBaseComponent: ({ children, navigationState, position, style, navigate, }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabBarBaseComponent: ({ children, navigationState, position, style, navigate, screenOptions, }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabBarBaseComponent.d.ts.map

package/lib/typescript/src/components/elements/TabBarBaseComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,EACjB,KAAK,aAAa,EAGnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,MAAM,WAAW,WAAY,SAAQ,sBAAsB,CAAC,gBAAgB;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,8DAM7B,WAAW,4CA8Cb,CAAC"}
+{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,EAKjB,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,MAAM,WAAW,WAAY,SAAQ,sBAAsB,CAAC,gBAAgB;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,6EAO7B,WAAW,4CA4Eb,CAAC"}

package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts

@@ -0,0 +1,14 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type SharedValue } from 'react-native-reanimated';
+import { type ReanimatedTabViewTypes } from '../ReanimatedTopTab/types';
+interface TabBarBaseItemProps {
+    position: SharedValue<number>;
+    index: number;
+    inputRange: Array<number>;
+    onPress: (index: number) => void;
+    route: ReanimatedTabViewTypes.Route;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const TabBarBaseItem: ({ position, index, inputRange, onPress, route, style, }: TabBarBaseItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TabBarBaseItem.d.ts.map

package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EACf,KAAK,WAAW,EAGjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,4DAOxB,mBAAmB,4CAoCrB,CAAC"}

package/lib/typescript/src/components/wrappers/GestureWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GestureWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/wrappers/GestureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAezD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,iBAAkB,mBAAmB,4CA8G/D,CAAC"}
+{"version":3,"file":"GestureWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/wrappers/GestureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAgBzD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,iBAAkB,mBAAmB,4CAgH/D,CAAC"}

package/lib/typescript/src/components/wrappers/SectionList.d.ts

@@ -0,0 +1,3 @@
+import { type DefaultSectionT, type SectionListProps } from 'react-native';
+export declare const SectionList: <ItemT, SectionT = DefaultSectionT>({ children, style, contentContainerStyle, onLayout, ...props }: SectionListProps<ItemT, SectionT>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionList.d.ts.map

package/lib/typescript/src/components/wrappers/SectionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionList.d.ts","sourceRoot":"","sources":["../../../../../src/components/wrappers/SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EAGtB,MAAM,cAAc,CAAC;AAUtB,eAAO,MAAM,WAAW,GAAI,KAAK,EAAE,QAAQ,oFAMxC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,4CA2CnC,CAAC"}

package/lib/typescript/src/context/Context.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.hooks.d.ts","sourceRoot":"","sources":["../../../../src/context/Context.hooks.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AA0SlC,eAAO,MAAM,YAAY;6FApRtB,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,SAAS,GAAG,kBAAkB,GAAG,iBAAiB,CACnD;oCA8IE;QACD,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;KAC1C,KAAG,0BAA0B,CAAC,kBAAkB,CAAC,SAAS,CAAC;iDAuBzD,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,QAAQ,CAAC;;;;;;;gGA8EtD,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,QAAQ,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CACvE;CA8BA,CAAC"}
+{"version":3,"file":"Context.hooks.d.ts","sourceRoot":"","sources":["../../../../src/context/Context.hooks.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAkTlC,eAAO,MAAM,YAAY;6FA3RtB,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,SAAS,GAAG,kBAAkB,GAAG,iBAAiB,CACnD;oCAqJE;QACD,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;KAC1C,KAAG,0BAA0B,CAAC,kBAAkB,CAAC,SAAS,CAAC;iDAuBzD,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,QAAQ,CAAC;;;;;;;gGA8EtD,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,QAAQ,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CACvE;CA8BA,CAAC"}

package/lib/typescript/src/hooks/useHeader.d.ts

@@ -1,10 +1,4 @@
 export declare const useHeader: () => {
     hideHeader: () => void;
-    defaultStyle: {
-        transform: {
-            translateY: number;
-        }[];
-        zIndex: number;
-    };
 };
 //# sourceMappingURL=useHeader.d.ts.map

package/lib/typescript/src/hooks/useHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeader.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useHeader.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;CAsBrB,CAAC"}
+{"version":3,"file":"useHeader.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useHeader.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;CAQrB,CAAC"}

package/lib/typescript/src/hooks/useScreenProperties.d.ts

@@ -4,7 +4,7 @@ export declare const useScreenProperties: () => {
     outerLayout: import("react-native-reanimated").SharedValue<import("react-native").LayoutRectangle>;
     scrollY: import("react-native-reanimated").SharedValue<number>;
     scrollRef: {
-        current: import("react-native-reanimated/lib/typescript/Animated").ScrollView | null;
+        current: import("react-native-reanimated/lib/typescript/Animated").ScrollView | import("react-native").SectionList | null;
     };
 };
 //# sourceMappingURL=useScreenProperties.d.ts.map

package/lib/typescript/src/index.d.ts

@@ -3,12 +3,6 @@ export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTop
 export declare const TabHooks: {
     useHeader: () => {
         hideHeader: () => void;
-        defaultStyle: {
-            transform: {
-                translateY: number;
-            }[];
-            zIndex: number;
-        };
     };
     useScreenProperties: () => {
         innerLayout: import("react-native-reanimated").SharedValue<import("react-native").LayoutRectangle>;
@@ -16,7 +10,7 @@ export declare const TabHooks: {
         outerLayout: import("react-native-reanimated").SharedValue<import("react-native").LayoutRectangle>;
         scrollY: import("react-native-reanimated").SharedValue<number>;
         scrollRef: {
-            current: import("react-native-reanimated/lib/typescript/Animated").ScrollView | null;
+            current: import("react-native-reanimated/lib/typescript/Animated").ScrollView | import("react-native").SectionList | null;
         };
     };
     useScreenScrollable: () => {
@@ -39,8 +33,9 @@ export declare const TabHooks: {
 };
 export declare const Tab: {
     ScrollView: ({ children, style, contentContainerStyle, onLayout, ...props }: import("./components/wrappers/ScrollView").ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
+    SectionList: <ItemT, SectionT = import("react-native").DefaultSectionT>({ children, style, contentContainerStyle, onLayout, ...props }: import("react-native").SectionListProps<ItemT, SectionT>) => import("react/jsx-runtime").JSX.Element;
     ScreenWrapper: ({ children, ...viewProps }: import("./components/wrappers/ScreenWrapper").ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
-    TabBarBaseComponent: ({ children, navigationState, position, style, navigate, }: import("./components/elements/TabBarBaseComponent").TabBarProps) => import("react/jsx-runtime").JSX.Element;
+    TabBarBaseComponent: ({ children, navigationState, position, style, navigate, screenOptions, }: import("./components/elements/TabBarBaseComponent").TabBarProps) => import("react/jsx-runtime").JSX.Element;
     TabBarLabelBaseComponent: ({ index, ...props }: import("./components/elements/TabBarLabelBaseComponent").TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAU9F,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;CAKf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAU9F,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;CAMf,CAAC"}

package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts

@@ -1,4 +1,4 @@
 import { type ParamListBase, type TabNavigationState } from '@react-navigation/native';
 import { type ReanimatedTopTabNavigation } from '../types';
-export declare const createReanimatedTopTabNavigator: <Params extends ParamListBase>() => import("@react-navigation/core").TypedNavigator<ParamListBase, TabNavigationState<Params>, ReanimatedTopTabNavigation.NavigationOptions, {}, ({ HeaderComponent, TabBarComponent, children, config, initialRouteName, screenOptions, }: ReanimatedTopTabNavigation.TabViewNavigatorProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const createReanimatedTopTabNavigator: <Params extends ParamListBase>() => import("@react-navigation/core").TypedNavigator<ParamListBase, TabNavigationState<Params>, ReanimatedTopTabNavigation.NavigationOptions, {}, ({ HeaderComponent, TopComponent, TabBarComponent, children, config, initialRouteName, screenOptions, }: ReanimatedTopTabNavigation.TabViewNavigatorProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=createReanimatedTopTabNavigator.d.ts.map

package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AA2G3D,eAAO,MAAM,+BAA+B,GAC1C,MAAM,SAAS,aAAa,+OA7F3B,0BAA0B,CAAC,qBAAqB,6CAoG5B,CAAC"}
+{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AA+G3D,eAAO,MAAM,+BAA+B,GAC1C,MAAM,SAAS,aAAa,6PAhG3B,0BAA0B,CAAC,qBAAqB,6CAuG5B,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -1,7 +1,7 @@
 import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
 import * as React from 'react';
 import { type ReactNode } from 'react';
-import { type LayoutRectangle } from 'react-native';
+import { SectionList, type LayoutRectangle, type StyleProp, type ViewStyle } from 'react-native';
 import { type NativeGesture } from 'react-native-gesture-handler';
 import Reanimated, { type SharedValue } from 'react-native-reanimated';
 import { type StackNavigationOptions } from '@react-navigation/stack';
@@ -27,12 +27,12 @@ export declare namespace ReanimatedTopTabNavigation {
                     outerLayout: SharedValue<LayoutRectangle>;
                     scrollY: SharedValue<number>;
                     scrollRef: {
-                        current: Reanimated.ScrollView | null;
+                        current: Reanimated.ScrollView | SectionList | null;
                     };
                 }>;
-                setRef(key: string, ref: Reanimated.ScrollView | null): void;
+                setRef(key: string, ref: Reanimated.ScrollView | SectionList | null): void;
                 getRef(key: string): {
-                    current: Reanimated.ScrollView | null;
+                    current: Reanimated.ScrollView | SectionList | null;
                 };
             };
             route: {
@@ -43,6 +43,7 @@ export declare namespace ReanimatedTopTabNavigation {
     }
     interface TabViewNavigatorProps {
         HeaderComponent?: React.ComponentType<Pick<ContextType, 'transformationY' | 'headerHeight'>>;
+        TopComponent?: React.ComponentType<Pick<ContextType, 'transformationY'>>;
         TabBarComponent?: typeof TabBarBaseComponent;
         children: ReactNode;
         config?: string[];
@@ -59,6 +60,9 @@ export declare namespace ReanimatedTopTabNavigation {
             title: string;
         }) => React.ReactNode;
         title?: string;
+        tabBarIndicatorStyle?: StyleProp<ViewStyle>;
+        tabBarItemStyle?: StyleProp<ViewStyle>;
+        tabBarStyle?: StyleProp<ViewStyle>;
     }
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-navigation-reanimated-top-tabs",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "react-navigation-reanimated-top-tabs",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/ReanimatedTopTab/AnimationHelper.ts

@@ -4,7 +4,7 @@ import type {
   PanGestureChangeEventPayload,
   PanGestureHandlerEventPayload,
 } from 'react-native-gesture-handler';
-import { withTiming as reanimatedWithTiming } from 'react-native-reanimated';
+import { withTiming } from 'react-native-reanimated';
 
 type NavigationState = { size: number; index: number };
 
@@ -83,9 +83,9 @@ const onEnd = (
   };
 };
 
-const animation = (newValue: number, duration = 200) => {
+const animation = (newValue: number, duration = 350) => {
   'worklet';
-  return reanimatedWithTiming(newValue, { duration });
+  return withTiming(newValue, { duration });
 };
 
 export const AnimationHelper = {

package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx

@@ -15,6 +15,7 @@ import Reanimated, {
   useDerivedValue,
   useSharedValue,
 } from 'react-native-reanimated';
+import type { ReanimatedTopTabNavigation } from 'react-navigation-reanimated-top-tabs';
 import { AnimationHelper } from './AnimationHelper';
 import type { ReanimatedTabViewTypes } from './types';
 
@@ -29,6 +30,7 @@ export interface ReanimatedTabViewProps {
     params: ReanimatedTabViewTypes.RenderTabsParams
   ) => React.ReactNode;
   navigate(index: number): void;
+  screenOptions?: ReanimatedTopTabNavigation.NavigationOptions;
 }
 
 export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
@@ -41,6 +43,7 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
     renderScene,
     renderTabBar,
     navigate,
+    screenOptions,
   }) => {
     const { width } = useWindowDimensions();
     const loadedScreens = useRef([
@@ -178,6 +181,7 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
                 navigationState,
                 position,
                 navigate: _navigate,
+                screenOptions,
               })
             : null}
           <GestureDetector gesture={panGesture}>

package/src/components/ReanimatedTopTab/types.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { SharedValue } from 'react-native-reanimated';
+import type { ReanimatedTopTabNavigation } from 'react-navigation-reanimated-top-tabs';
 
 export namespace ReanimatedTabViewTypes {
   export interface Route {
     key: string;
     name: string;
-    tabBarLabel?: () => React.ReactNode;
+    tabBarLabel?: (focused: boolean) => React.ReactNode;
     title?: string;
   }
 
@@ -15,6 +16,7 @@ export namespace ReanimatedTabViewTypes {
     navigationState: NavigationState;
     position: SharedValue<number>;
     navigate(index: number): void;
+    screenOptions?: ReanimatedTopTabNavigation.NavigationOptions;
   }
 
   export interface SceneProps {

package/src/components/elements/TabBarBaseComponent.tsx

@@ -1,13 +1,16 @@
 import * as React from 'react';
-import { Pressable, StyleSheet, Text, useWindowDimensions } from 'react-native';
+import { StyleSheet, useWindowDimensions } from 'react-native';
 import Reanimated, {
-  type AnimatedStyle,
   interpolate,
   useAnimatedReaction,
+  useAnimatedStyle,
+  useSharedValue,
+  type AnimatedStyle,
 } from 'react-native-reanimated';
 
 import { useTabContext } from '../../hooks/useTabContext';
 import { type ReanimatedTabViewTypes } from '../ReanimatedTopTab/types';
+import { TabBarBaseItem } from './TabBarBaseItem';
 
 export interface TabBarProps extends ReanimatedTabViewTypes.RenderTabsParams {
   children?: React.ReactNode;
@@ -20,10 +23,35 @@ export const TabBarBaseComponent = ({
   position,
   style,
   navigate,
+  screenOptions,
 }: TabBarProps) => {
   const layout = useWindowDimensions();
-
   const { topTabHeight, transformationX } = useTabContext();
+  const width = useSharedValue(0);
+
+  const { tabBarIndicatorStyle, tabBarItemStyle, tabBarStyle } =
+    screenOptions ?? {};
+
+  const inputRange = navigationState.routes.map((_, index) => index);
+
+  const indicatorStyle = useAnimatedStyle(() => {
+    const outputRange = navigationState.routes.map(
+      (_, index) => index * (width.value / navigationState.routes.length)
+    );
+
+    return {
+      transform: [
+        {
+          translateX: interpolate(
+            transformationX.value,
+            inputRange,
+            outputRange
+          ),
+        },
+      ],
+      width: width.value / navigationState.routes.length,
+    };
+  });
 
   //Assign interpolated offsetX to transformationX
   useAnimatedReaction(
@@ -46,21 +74,27 @@ export const TabBarBaseComponent = ({
         topTabHeight.value = nativeEvent.layout.height;
       }}
     >
-      <Reanimated.View style={[styles.wrapper, style]}>
+      <Reanimated.View
+        onLayout={({ nativeEvent }) => {
+          width.value = nativeEvent.layout.width;
+        }}
+        style={[styles.wrapper, tabBarStyle, style]}
+      >
+        <Reanimated.View
+          style={[styles.indicator, indicatorStyle, tabBarIndicatorStyle]}
+        />
         {navigationState.routes.map((route, index) => (
-          <Pressable
-            style={styles.labelWrapper}
+          <TabBarBaseItem
+            index={index}
+            inputRange={inputRange}
+            position={transformationX}
             key={route.key}
             onPress={() => {
               navigate(index);
             }}
-          >
-            {route.tabBarLabel ? (
-              route.tabBarLabel()
-            ) : (
-              <Text style={styles.label}>{route.title}</Text>
-            )}
-          </Pressable>
+            route={route}
+            style={tabBarItemStyle}
+          />
         ))}
       </Reanimated.View>
       {children}
@@ -75,14 +109,14 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
-  label: {
-    color: 'red',
-  },
   wrapper: {
-    width: '100%',
     flexDirection: 'row',
     backgroundColor: 'white',
-    paddingVertical: 8,
-    height: 50,
+  },
+  indicator: {
+    backgroundColor: 'black',
+    bottom: 0,
+    height: 2,
+    position: 'absolute',
   },
 });