chore: added effect to keep navigation state and selected index synced

gorhom · Mar 29, 2020 · 09982ca · 09982ca
1 parent ab83e59
commit 09982ca
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/AnimatedTabBar.tsx b/src/AnimatedTabBar.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useEffect } from 'react';
 import { View } from 'react-native';
 import Animated, { useCode, onChange, call } from 'react-native-reanimated';
 import { useValues } from 'react-native-redash';
@@ -59,6 +59,11 @@ export const AnimatedTabBar = (props: AnimatedTabBarProps) => {
   );
 
   // effects
+  useEffect(() => {
+    // @ts-ignore
+    selectedIndex.setValue(state.index);
+  }, [state, selectedIndex]);
+
   useCode(
     () =>
       onChange(