React Native-5分钟后退出并显示两个屏幕组件

问题描述

我有一个Expo应用程序，我想在5分钟后实现自动注销。

在我创建用户登录时显示的第一个组件中：

下面的代码可以正常工作，但是当我切换到新屏幕（新组件）时，无法延长注销时间。

如何在下一个屏幕上更新时间？

componentwillMount() {
  this._panResponder = PanResponder.create({
    onMoveShouldSetPanResponderCapture: () => {
      clearTimeout(this.timeout)

      this.setState((state) => {
        if (state.inactive == false) return null
        return {
          inactive: false
        }
      })

      this.timeout = setTimeout(() => {
        this.setState({
          inactive: true
        })
      },300000)

      return false
    }
  })
}

componentwillUnmount() {
  clearTimeout(this.timeout)
}

在屏幕的中，我放了{... this._panResponder.panHandlers}。

解决方法

您应该制作公用组件，并从公用组件继承所有组件。并且您应该在通用组件中实现以上代码。