javascript - 如何在不导航到另一个屏幕的情况下将信息从一个屏幕发送到另一个屏幕?

标签 javascript react-native

我对 React Native 还很陌生,我一直在尝试制作一个事件组织者,如果你报名参加一个事件,它就会添加到另一个包含你的日程安排的页面。但是,我一直在浏览文档,但似乎无法找到如何将数据从一个屏幕发送到另一个屏幕,而无需实际导航到另一个屏幕。换句话说,我想要这个 navigation.navigate('Schedule', {name: eventName, time: eventTime}); 但不进行导航。

最佳答案

以下是一些建议:

<强>1。 AsyncStorage:您可以将它们保存到AsyncStorage(这是手机上硬件支持的安全存储),并且可以随时检索它们。假设用户的日程安排是这些事件的数组,例如:

var a = [{ name: eventName, time: eventTime }, { name: eventName, time: eventTime }]

你可以这样做:

AsyncStorage.setItem('Schedule', JSON.stringify(a));
AsyncStorage.getItem('Schedule');

参见:https://github.com/react-native-community/async-storage

<强>2。后端

将事件保存到后端服务器并从其他页面检索它们。

<强>3。 Redux 或 React Hooks(高级) https://medium.com/swlh/react-global-state-with-hooks-f163e49f90f9 https://redux.js.org/introduction/getting-started/

<强>4。带 React Hooks 的全局状态

My new favorite way to manage global state with built-in React Hooks

关于javascript - 如何在不导航到另一个屏幕的情况下将信息从一个屏幕发送到另一个屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60730062/

相关文章:

javascript - 如何使用过滤数组删除数组中的项目?

php - jQuery 投票系统

javascript - 如何检查单选按钮是否已经与 "change"事件处理程序绑定(bind)

react-native - 让 React-Native 应用程序在 Android 上保持活力

ios - 代码推送 : How to deploy to multiple build versions of the same deployment config?

javascript - 显示每个列表项的属性的新状态

javascript - Node.js:通过电子邮件发送数据作为附件而不保存它

javascript - jQuery 杀死 Lightbox

react-native - react native : Include both header and footer components within Navigator

android - 防止 React Native 的硬件后退按钮 android