Javascript React native-如何在两个值之间实现切换，并根据所选值显示不同的视图

在我的react原生应用程序中，我需要显示Youtube风格的收件箱屏幕： 顶部有两个值的开关。 根据开关中选择的值，预期行为是为每个值显示不同的视图和内容。预期的行为也是能够左右滑动以显示这两个不同的视图。开关应根据以下视图的滑动改变其状态：左或右

目前，我正试图使用两种不同的

touchableHighlight

作为开关，但我确信这不是正确的方法。 是否有适合此用例的特定react本机组件？

<View style = {styles.ButtonContainer}> 
  <TouchableHighlight style={styles.Button}
    onPress={() => {
    this.setState({selector: 'ongoing'})
    }}>
    <Text style = {styles.ResetText}>On going</Text>
  </TouchableHighlight>
  <TouchableHighlight style={styles.Button}
    onPress={() => {
    this.setState({selector: 'archived'})            
    }}>
    <Text style = {styles.ApplyText}>Archived</Text>
  </TouchableHighlight>
</View> 

{
this.setState（{selector:'congressing'}）
}}>
进行中
{
this.setState（{selector:'archived'}）
}}>
存档

理想情况下，您需要的是选项卡功能

您可以尝试使用反应本机选项卡视图

---

谢谢@Divi，这就是我要找的！