Feature: Text.

example/src/index.tsx

@@ -68,12 +68,12 @@ const App = () => {
         />
         <BottomSheet
             isCanFullScreenOnSwipe={true}
-            snapPoint={300}
+            // snapPoint={300}
         >
             <View
                 style={{
                     backgroundColor: "red",
-                    height: 2700
+                    height: 400
                 }}
             />
             <Text>Deneme 123</Text>

src/components/bottomSheet/index.tsx

@@ -72,7 +72,7 @@ const BottomSheet: FC<IBottomSheetProps> = ({
 
     const scrollViewRef = useRef<ComponentRef<ScrollView>>(null);
 
-    const animatedTranslateY = useRef(new Animated.Value(0)).current;
+    const animatedTranslateY = useRef(new Animated.Value(snapPoint && !isWorkAsFullScreen ? snapPoint : windowHeight)).current;
     const animatedHeight = useRef(new Animated.Value(
         isAutoHeight ? 0 : snapPoint ?? 0
     )).current;
@@ -115,6 +115,7 @@ const BottomSheet: FC<IBottomSheetProps> = ({
         }) => {
             translateYValue.current = value;
         });
+        openAnimation();
 
         return () => {
             animatedHeight.removeListener(listenerAHeightId);
@@ -122,6 +123,19 @@ const BottomSheet: FC<IBottomSheetProps> = ({
         };
     }, []);
 
+    const openAnimation = () => {
+        Animated.spring(animatedTranslateY, {
+            useNativeDriver: false,
+            friction: 10,
+            tension: 40,
+            toValue: 0
+        }).start();
+    };
+
+    const closeAnimation = () => {
+
+    };
+
     const onLayout = (event: LayoutChangeEvent) => {
         if (isMeasured) return;