Selected value skips after being selected

[ikurowski]

Hello,

I noticed that sometimes when i select some value it skips from selected indicator. Like in this video:

Simulator.Screen.Recording.-.iPhone.14.-.2023-03-02.at.20.01.32.mp4

For example, in the 9th second of the video skip occured. Next one in 20th.

My code:

       ...
       const [selectedIndex, setSelectedIndex] = useState(0);
       ...
        <WheelPicker
            selectedIndex={selectedIndex}
            options={wheelPickerNumbers} // wheelPickerNumbers - array with numbers as strings from 1 to 60
            onChange={index => {
              setSelectedIndex(index);
              updateTimeFunction(Number(wheelPickerNumbers[index]) * 60000);
            }}
            itemTextStyle={{...styles.numbers, color: colors.text}}
            selectedIndicatorStyle={{
              ...styles.selectedIndicatorStyle,
              backgroundColor: colors.primary,
            }}
            itemHeight={moderateScale(30)}
          />

I tested only on IOS. Thank you.

EDIT. When I change itemHeight to moderateScale(35), the picker works fine.

[c-goettert]

I am facing the same issue.

[c-goettert]

We are also using some scaling function, and it seems to be occurring if the item height is set to a non-integer (e.g. 43.5). For me itemHeight={Math.round(itemHeightVar)} did the trick.

[ikurowski]

We are also using some scaling function, and it seems to be occurring if the item height is set to a non-integer (e.g. 43.5). For me itemHeight={Math.round(itemHeightVar)} did the trick.

That worked for me either. Thank you :)