Action sheet glitch when prop animated is set to false after update to V10

[DaveMonGym]

Action sheet glitches up and down when prop animated is set to false after update to V10

Screen_Recording_20251205_105734_Reppa.App.mp4

• Updated to V10 to see if the gesture issues were resolved, but now new issues have come up
  I looked into it and it seems to be an issue with the value and initialValue calculation.

var moveSheetWithAnimation = React.useCallback(function (velocity, value, min, gestureEnd) {
        console.log(initialValue.current);
        var initial = value || initialValue.current;
        var minTranslate = min || minTranslateValue.current;
        if (!animated) {
            translateY.value = initial;
            // console.log('moveSheetWithAnimation to ', initial);
            return;
        }
        var config = openAnimationConfig;
        var correctedValue = initial > minTranslate ? initial : 0;
        notifyOffsetChange(correctedValue);
        if (accessibilityInfo.current.prefersCrossFadeTransitions &&
            !gestureEnd) {
            actionSheetOpacity.value = 0;
            translateY.value = initial;
            actionSheetOpacity.value = withTiming(1, {
                duration: 150,
                easing: Easing.in(Easing.ease),
            });
        }
        else {
            translateY.value = withSpring(initial, __assign(__assign({}, config), { velocity: typeof velocity !== 'number' ? undefined : velocity }));
        }
        notifySnapIndexChanged();
    }, [animated, openAnimationConfig]);

I logged the value and you can see it jump around every time I open the sheet

 LOG  546.2857360839844
 LOG  574.8571472167969
 LOG  564.5714111328125
 LOG  546.2857360839844
 LOG  574.8571472167969
 LOG  564.5714111328125

[ammarahm-ed]

@DaveMonGym I will look into this

[ammarahm-ed]

Unable to reproduce this in the example app. The issue is probably with your content inside the action sheet that is resizing while the sheet is opening causing the stutter.

Kapture.2025-12-06.at.12.48.19.mp4

[tomaszukovskij]

I have similiar issue. I have the menu glitch. SchrollView is inside.

<ActionSheet
      id={ID}
      ref={props.actionSheetRef}
      gestureEnabled={true}
      drawUnderStatusBar={true}
      containerStyle={styles.actionSheetContainer}
      onOpen={(): void => {
        handleSetFocus(true);
      }}
      onClose={(): void => {
        handleSetFocus(false);
      }}
    >
      {/* Header */}
      <Text
        style={styles.actionSheetHeader}
        accessibilityRole={'header'}
        ref={titleRef}
      >
        {i18n.t('menu.title')}
      </Text>
      {/* Content */}
      <ScrollView
        style={[
          styles.actionSheetScrollView,
          Platform.OS !== 'ios'
            ? styles.scrollViewInsetBottom
            : {paddingBottom: insets.bottom},
        ]}
        showsHorizontalScrollIndicator={false}
        {...scrollHandlers}
      >

25-12-08-16-40-32_01.mp4

[ammarahm-ed]

Hey @tomaszukovskij I'll try to reproduce this locally.

[ammarahm-ed]

@tomaszukovskij can you share a complete example with all styles etc included or maybe try to repro the issue using the example app in the repo.