Reactjs 如何在React Native中将一个屏幕中的平面列表项目移动到另一个屏幕

我正在尝试将平板列表中的待办事项列表项从一个屏幕转移到另一个屏幕。具体来说，当用户单击垃圾桶时，我希望项目从主屏幕（Todo Now）转移到完成屏幕

主屏幕（Todo Now）代码：

导出默认函数主页（{navigation}）{
const[modalOpen，setModalOpen]=useState（false）；
const[reviews，setReviews]=useState([
{
标题：“更新旧项目”，
评级：2，
正文：“lorem ipsum”，
关键：“1”，
},
{
标题：“修复反应开发工具”，
评级：5，
正文：“lorem ipsum”，
键：“2”，
},
{
标题：“下载纱线”，
评级：4，
正文：“lorem ipsum”，
关键：“3”，
},
]);
const addReview=（review）=>{
review.key=Math.random（）.toString（）；
setReviews（（currentReviews）=>{
返回[review，…currentReviews]；
});
setModalOpen（假）；
};
const pressHandler=（键）=>{
setReviews（（prevReviews）=>{
返回prevReviews.filter（（review）=>review.key！=key）；
});
};
...
(
navigation.navigate（“ReviewDetails”，item）}
style={globalStyles.titleText}
>
{item.title}
按Handler（item.key）}
name=“删除”
style={style.check}
大小={18}
颜色={333}
/>
)}
/>

完成的屏幕平面列表代码：

<FlatList
        data={reviews}
        renderItem={({ item }) => (
          <TouchableOpacity
            onPress={() => navigation.navigate("ReviewDetails", item)}
          >
            <Card>
              <Text style={globalStyles.titleText}>{item.title}</Text>
            </Card>
          </TouchableOpacity>
        )}
      />

(
navigation.navigate（“ReviewDetails”，item）}
>
{item.title}
)}
/>

我需要做哪些修改才能将todo项目从主屏幕（todo Now）移动到完成屏幕（最好是在单击todo项目后）

---

helloo，你的单位清单在哪里？@AmirDoreh我添加了与单位清单相关的代码。非常感谢。@snuffydoug是的，目前您正在以组件状态存储所有内容，如果您将其移动到一个公共位置，它将是easy@GuruparanGiritharan可靠的建议。谢谢大师。你好，你的扁平列表在哪里？@AmirDoreh我添加了与扁平列表相关的代码。非常感谢。@snuffydoug是的，目前您正在以组件状态存储所有内容，如果您将其移动到一个公共位置，它将是easy@GuruparanGiritharan可靠的建议。谢谢大师。

<FlatList
        data={reviews}
        renderItem={({ item }) => (
          <TouchableOpacity
            onPress={() => navigation.navigate("ReviewDetails", item)}
          >
            <Card>
              <Text style={globalStyles.titleText}>{item.title}</Text>
            </Card>
          </TouchableOpacity>
        )}
      />