From dea19ce4d186bade6f56cdf3860e7b7ecb7e16e9 Mon Sep 17 00:00:00 2001
From: Danijel Dedic <dedicd@media-saturn.com>
Date: Tue, 6 Sep 2022 13:54:23 +0200
Subject: [PATCH] Move Indicator component above TabItem

---
 src/MaterialTabBar/TabBar.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/MaterialTabBar/TabBar.tsx b/src/MaterialTabBar/TabBar.tsx
index 2adf7200..b5fedb4e 100644
--- a/src/MaterialTabBar/TabBar.tsx
+++ b/src/MaterialTabBar/TabBar.tsx
@@ -199,6 +199,14 @@ const MaterialTabBar = <T extends TabName = TabName>({
       onScroll={scrollEnabled ? onScroll : undefined}
       scrollEventThrottle={16}
     >
+      {itemsLayout.length === nTabs && (
+        <Indicator
+          indexDecimal={indexDecimal}
+          itemsLayout={itemsLayout}
+          fadeIn={scrollEnabled}
+          style={indicatorStyle}
+        />
+      )}
       {tabNames.map((name, i) => {
         return (
           <TabItemComponent
@@ -221,14 +229,6 @@ const MaterialTabBar = <T extends TabName = TabName>({
           />
         )
       })}
-      {itemsLayout.length === nTabs && (
-        <Indicator
-          indexDecimal={indexDecimal}
-          itemsLayout={itemsLayout}
-          fadeIn={scrollEnabled}
-          style={indicatorStyle}
-        />
-      )}
     </Animated.ScrollView>
   )
 }