fix: time picker issue on android

farhoudshapouran · Feb 1, 2025 · b9569cc · b9569cc
1 parent 5754276
commit b9569cc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-datepicker",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Customizable date picker for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/components/TimePicker/wheel-picker/wheel-picker.tsx b/src/components/TimePicker/wheel-picker/wheel-picker.tsx
@@ -10,6 +10,7 @@ import {
   ViewProps,
   FlatListProps,
   FlatList,
+  Platform,
 } from 'react-native';
 import styles from './wheel-picker.style';
 import WheelPickerItem from './wheel-picker-item';
@@ -109,8 +110,9 @@ const WheelPicker: React.FC<Props> = ({
    * This ensures that what the user sees as selected in the picker always corresponds to the value state.
    */
   useEffect(() => {
-    flatListRef.current?.scrollToOffset({
-      offset: selectedIndex * itemHeight,
+    flatListRef.current?.scrollToIndex({
+      index: selectedIndex,
+      animated: Platform.OS === 'ios',
     });
   }, [selectedIndex, itemHeight]);