For Vertically Expanding Dot

[Ved-Ravi]

Currently, ExpandingDot only expands horizontally but how to achieve a vertically expanding dot.

For this, I used a prop isVerticle in ExpandingDot.

Attached, the patch-package if someone needs it.

diff --git a/node_modules/react-native-animated-pagination-dots/src/dots/ExpandingDot.tsx b/node_modules/react-native-animated-pagination-dots/src/dots/ExpandingDot.tsx
index 14895e1..9495aef 100644
--- a/node_modules/react-native-animated-pagination-dots/src/dots/ExpandingDot.tsx
+++ b/node_modules/react-native-animated-pagination-dots/src/dots/ExpandingDot.tsx
@@ -15,6 +15,7 @@ export interface ExpandingDotProps {
   inActiveDotColor?: string;
   expandingDotWidth?: number;
   activeDotColor?: string;
+  isVerticle?: boolean;
 }
 
 const ExpandingDot = ({
@@ -26,6 +27,7 @@ const ExpandingDot = ({
   inActiveDotColor,
   expandingDotWidth,
   activeDotColor,
+  isVerticle,
 }: ExpandingDotProps) => {
   const { width } = useWindowDimensions();
 
@@ -35,6 +37,7 @@ const ExpandingDot = ({
     expandingDotWidth: expandingDotWidth || 20,
     dotWidth: (dotStyle.width as number) || 10,
     activeDotColor: activeDotColor || '#347af0',
+    isVerticle: isVerticle ? isVerticle :  false,
   };
 
   return (
@@ -80,7 +83,7 @@ const ExpandingDot = ({
             style={[
               styles.dotStyle,
               dotStyle,
-              { width: expand },
+              defaultProps.isVerticle ? { height: expand, alignSelf: 'center' } : { width : expand },
               { opacity },
               { backgroundColor: colour },
             ]}