Javascript 如何在react native中分别呈现两个幻灯片组件

我正在尝试为我的移动应用程序实现一个团队选择器组件，该组件使用react native实现，该组件如下所示：

幻灯片放映是一个开源模板（）

现在我的问题是，当我从幻灯片放映更改国家时，团队幻灯片放映需要在县幻灯片放映动画继续时自动渲染

  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Select your team!</Text>
        <SlideShow 
        dataSource={[
            { 
              url:'http://placeimg.com/640/480/any'
            },
            { 
              url:'http://placeimg.com/640/480/any' 
            },
            { 
              url:'http://placeimg.com/640/480/any' 
            }
        ]}
        onPositionChanged = {(index)=> console.log("position index", index)}/>
        <SlideShow 
        dataSource={[
            { 
              url:'http://placeimg.com/640/480/any'
            },
            { 
              url:'http://placeimg.com/640/480/any' 
            },
            { 
              url:'http://placeimg.com/640/480/any' 
            }
        ]}
        onPositionChanged = {(index)=> console.log("position index", index)}/>
      </View>
    )
  }

render（）{
返回(
选择你的队伍！
console.log（“位置索引”，索引）}/>
console.log（“位置索引”，索引）}/>
)
}

我不明白你想在这里实现什么？您想让两个滑块保持同步吗？请记住，您使用的是一个支持较差的软件包，请始终尝试找到一个拥有最大社区的软件包来帮助您应对此类挑战！你的意思是我正在为幻灯片放映组件使用受支持的源代码？我不确定这是否是问题的原因。这更像是建议。我不明白你想在这里完成什么？您想让两个滑块保持同步吗？请记住，您使用的是一个支持较差的软件包，请始终尝试找到一个拥有最大社区的软件包来帮助您应对此类挑战！你的意思是我正在为幻灯片放映组件使用受支持的源代码？我不确定这是否是问题的原因。这更像是建议。