Cannot transition multiple Transitioning.View using animateNextTransition();

Say you want to animate the background behind a switch-router, then you cannot syncronize them using animateNextTransition(), it will only animate the last one you called using this method.

i.e. in this case it will only animate t2 rather than both of them.

this.t1.current.animateNextTransition();
this.t2.current.animateNextTransition();

      <View style={{ flex: 1 }}>
        <Transitioning.View
          ref={this.t1}
          pointerEvents="none"
          transition={t1}
          style={StyleSheet.absoluteFill}
        >
          {state.index === 1 ? (
            <View key="b" style={[StyleSheet.absoluteFill, { backgroundColor: 'red' }]} />
          ) : (
            <View key="b" style={[StyleSheet.absoluteFill, { backgroundColor: 'green' }]} />
          )}
        </Transitioning.View>
        <Transitioning.View
          ref={this.t2}
          transition={t2}
          style={[styles.container, transitionViewStyle]}
        >
          <SceneView
            component={ChildComponent}
            navigation={descriptor.navigation}
            screenProps={screenProps}
          />
        </Transitioning.View>
      </View>

[jakub-gonet]

We discussed Transitions internally in our team. Considering that v2 makes creating animations easier and Transitions was an experimental API for a long time, we decided to leave Transitions as they are.

We won’t actively fix bugs in them, but we’ll happily merge any PR with fixes. We’re also thinking about rewriting Transitions in v2 sometime in the future.

I’m closing this issue, but if you have further questions, I will be happy to help.

[serfgy]

Is this slated for a confirmed issue or is this intended? Moving forward what should be the correct practice?