refactor: change prop name

Author: szymonrybczak

README.md

@@ -335,9 +335,9 @@ Style to apply to the view wrapping each screen. You can pass this to override s
 
 Style to apply to the tab view container.
 
-### `disableChangeTabAnimation`
+### `animationEnabled`
 
-Boolean indicating whether to disable the change tab animation.
+Enables animation when changing tab. By default it's true.
 
 ### `TabBar`
 

src/PagerViewAdapter.tsx

@@ -41,7 +41,7 @@ export default function PagerViewAdapter<T extends Route>({
   onSwipeEnd,
   children,
   style,
-  disableChangeTabAnimation,
+  animationEnabled,
   ...rest
 }: Props<T>) {
   const { index } = navigationState;
@@ -64,11 +64,11 @@ export default function PagerViewAdapter<T extends Route>({
       (route: { key: string }) => route.key === key
     );
 
-    if (disableChangeTabAnimation) {
+    if (animationEnabled) {
+      pagerRef.current?.setPage(index);
+    } else {
       pagerRef.current?.setPageWithoutAnimation(index);
       position.setValue(index);
-    } else {
-      pagerRef.current?.setPage(index);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -79,11 +79,11 @@ export default function PagerViewAdapter<T extends Route>({
     }
 
     if (indexRef.current !== index) {
-      if (disableChangeTabAnimation) {
+      if (animationEnabled) {
+        pagerRef.current?.setPage(index);
+      } else {
         pagerRef.current?.setPageWithoutAnimation(index);
         position.setValue(index);
-      } else {
-        pagerRef.current?.setPage(index);
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps

src/TabView.tsx

@@ -49,7 +49,7 @@ export default function TabView<T extends Route>({
   style,
   swipeEnabled = true,
   tabBarPosition = 'top',
-  disableChangeTabAnimation,
+  animationEnabled = true,
 }: Props<T>) {
   const [layout, setLayout] = React.useState({
     width: 0,
@@ -85,7 +85,7 @@ export default function TabView<T extends Route>({
         onSwipeStart={onSwipeStart}
         onSwipeEnd={onSwipeEnd}
         onIndexChange={jumpToIndex}
-        disableChangeTabAnimation={disableChangeTabAnimation}
+        animationEnabled={animationEnabled}
       >
         {({ position, render, addEnterListener, jumpTo }) => {
           // All of the props here must not change between re-renders

src/types.tsx

@@ -55,5 +55,5 @@ export type PagerProps = Omit<
   swipeEnabled?: boolean;
   onSwipeStart?: () => void;
   onSwipeEnd?: () => void;
-  disableChangeTabAnimation?: boolean;
+  animationEnabled?: boolean;
 };