无法关闭模式（react-native-date-picker）

Question

所以我们正在使用这个 lib react-native-date-picker进行日期选择（显然）。

当用户从应用程序超时时，我们将用户导航回登录屏幕。 但是，如果打开日期选择器（这是一个模式），它将一如既往地保留在屏幕顶部。 在库中，我看不到决定模式何时保持可见/不可见的选项。

这是我尝试过的几种方法，但均未成功

1. 使用forwardRef包装我的子组件（显示日期选择器），尝试通过 Ref 访问组件。 没有成功，总是收到 NULL 作为回报。 我认为图书馆也不支持这个？

2. 基于我们存储在 Redux 中的超时道具，在函数componentdidupdate中，我们通过将 DatePicker 的道具open为 FALSE 来设置状态以重新渲染屏幕。 也没有成功。

我很好奇为什么会发生这种情况。 可能的解决方案是什么？

Answer 1

react-native-date-picker为每个平台使用相应的日期选择器原生模块。 当原生模式打开时，它在原生线程上运行，而您的代码在 JavaScript 线程上运行。

当用户会话过期并且应用导航到登录屏幕时，React Navigation 会尝试卸载当前屏幕组件，但日期选择器未安装，因为它在本机线程上运行。

您的应用程序逻辑应检测模式是否在之前打开并在导航到登录屏幕之前将其关闭