How to use setState in worklet

Description

how to change state or same in reanimated v2 events

Code

  const x = useSharedValue(0);
  const [state , setState] = React.useState(false);
  const gestureHandler = useAnimatedGestureHandler({
    onStart: (_, ctx) => {
      ctx.startX = x.value;
    },
    onActive: (event, ctx) => {
      x.value = ctx.startX + event.translationX;
    },
    onEnd: _ => {
      x.value = withSpring(0);
      setState(true); // <- how to use this here 
    },
  });

Package versions

• React:
• React Native:
• React Native Reanimated: 2.0.0-alpha.5

[karol-bisztyga]

@CDBridger hey 👋 I think you missed the full error message there. There should be more:

Solution is:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS

https://docs.swmansion.com/react-native-reanimated/docs/api/runOnJS

[terrysahaidak]

Yeah @karol-bisztyga, as well as setState(v => !v) I couldn’t get to work. But I mean the provided code still works as expected 😃