React native 我想用React Native中的另一个屏幕替换屏幕的某些部分

我想在已完成和即将到来的屏幕之间切换，而无需重新加载全屏。只想更改按钮下的部分，请参阅图片以了解。

---

您只需使用react导航包中的

选项卡导航即可查看。此外，您可以使用屏幕中的状态更改屏幕的一部分，如下所示：

const Screen = () => {
  const [completed, setCompleted] = useState(true)

  return (
    ...
    { completed ? <Completed /> : <Upcoming /> }
    ...
  )
}

const Screen=（）=>{
const[completed，setCompleted]=useState（true）
返回(
...
{已完成？：}
...
)
}

我希望您能明白这一点：）
展示一些代码或您一直试图实现的目标。如果没有任何代码，我们真的帮不了你，对吗？嘿，Shayan，我试着用三元运算符来做，但它给出了一个ReferenceError错误：useState没有定义。在从“react”插入import{useState}之后；在文件中，给出错误的错误：无效的钩子调用。。关于TabNavigator，我在某个地方读到，TabNavigator只能在页面的顶部或底部使用。你能帮我吗？你应该在react组件中使用
useState
，确保正确无误，并且你可以阅读正确的实现。要使用
TabNavigator
请阅读文档并尝试找出适合您的方法。关于这一点我不能说什么，这取决于你的项目中的很多事情。好的，谢谢，我会努力的。