Wondering how to run several different animations in sequence with React Native Reanimated.

[Yummy-sk]

When running multiple different animations at once, I want to specify the order of execution between each animation.

For example, in React Native, a space like the one below.

• Animated sequence
• Animated parallel

Reanimated also has a withSequence, but it doesn't seem to be able to handle the order of execution of multiple animations.

So I'm wondering if there's a way to specify the order of execution of different animations, like sequence and parallel in React native.

Animated Example

const a = useRef(new Animated.Value(0))
const b = useRef(new Animated.Value(1))


const let animate = () => {
  Animated.sequence(
    a->Animated.config(...)
    b->Animated.config(...)
  ).start()
}

Expected Example

Animated Example

const a = useSharedValue(0)
const b = useSharedValue(1)


const let animate = () => {
  withSequence(
    a->withTiming(...)
    b->withTiming(...)
  ).start()

 // or
  withParallel(
    a->withTiming(...)
    b->withTiming(...)
  ).start()
}

[Noitidart]

Were you able to figure out withParallel?