使用React Native放置组件并使用动画错开管理状态？

Question

我试图解决在本机应用程序中管理状态的问题。我试图构建的效果是屏幕上的当前项目在屏幕外错开，同时在更改状态时从屏幕外异步引入新项目，这最好用gif表示。

所以基本上当我更改活动的answerContainer的状态时，它应该将之前的项目错开屏幕，同时将新项目放入。

码（伪）：

this.state = {
   activeAnswerContainer: 1
}

... 

<AnswerContainer active={this.state.activeAnswerContainer === 1} ...
   <Answer />
   <Answer />
   <Answer />
   <Answer />
<AnswerContainer active={this.state.activeAnswerContainer === 2} ...
  <Answer />
  <Answer />
  <Answer />
  <Answer />

这不是一个动画问题，因为我已经有了我需要的效果，我的问题是处理状态，我怎样才能让answerContainers相互沟通。