From 6e73ad42a49bead8013e6205e5f6462fb182d05f Mon Sep 17 00:00:00 2001
From: sieu-db <sieu@draftbit.com>
Date: Wed, 28 Aug 2024 18:14:45 +0700
Subject: [PATCH] adjust onChange index of bottomsheet

---
 example/src/BottomSheetExample.tsx                   | 12 +++++++++++-
 .../core/src/components/BottomSheet/BottomSheet.tsx  |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/example/src/BottomSheetExample.tsx b/example/src/BottomSheetExample.tsx
index 92d5f7f67..31e092ca5 100644
--- a/example/src/BottomSheetExample.tsx
+++ b/example/src/BottomSheetExample.tsx
@@ -7,7 +7,17 @@ const BottomSheetExample: React.FC = () => {
   const bottomSheetRef = React.useRef<any>();
   return (
     <View style={{ flex: 1 }}>
-      <BottomSheet style={{ alignItems: "center" }} ref={bottomSheetRef}>
+      <BottomSheet
+        style={{ alignItems: "center" }}
+        ref={bottomSheetRef}
+        onSettle={(newIndex: number) => {
+          try {
+            console.log("onSettle", newIndex);
+          } catch (error) {
+            console.error("Error in onSettle:", error);
+          }
+        }}
+      >
         <Text>This is a bottom Sheet</Text>
       </BottomSheet>
       <Button
diff --git a/packages/core/src/components/BottomSheet/BottomSheet.tsx b/packages/core/src/components/BottomSheet/BottomSheet.tsx
index abe5fa8e5..1575dbba0 100644
--- a/packages/core/src/components/BottomSheet/BottomSheet.tsx
+++ b/packages/core/src/components/BottomSheet/BottomSheet.tsx
@@ -109,7 +109,7 @@ const BottomSheet = React.forwardRef<BottomSheetComponent, BottomSheetProps>(
           borderWidth,
           borderColor: borderColor ?? theme.colors.border.brand,
         }}
-        onChange={(index) => onSettle?.(mappedSnapPoints.length - index - 1)}
+        onChange={(index) => onSettle?.(index)}
       >
         <BottomSheetScrollView
           contentContainerStyle={[styles.contentContainerStyle, style]}