Appstate在Android原生React中不断更新

Question

我在React本地项目上工作，在那里我获得了位置权限。此外，我必须跟踪位置的权限，总是像如果用户已经给了权限访问后，安装应用程序，然后在一段时间后，用户去设备设置中的应用程序设置和禁用/撤销权限。再次，一旦应用程序从后台到前台，我必须检查权限的基础上，需要显示的消息。

componentDidMount = async () => {
    AppState.addEventListener('change', this.handleAppStateChange);
  };

  componentWillUnmount() {
    AppState.removeEventListener('change', this.handleAppStateChange);
    Geolocation.clearWatch(this.watchID);
  }

  handleAppStateChange = async nextAppState => {
    const {appState} = this.state;
    console.log('nextAppState -->', nextAppState);
    console.log('appState -->', appState);
    if (appState === 'active') {
      // do this
      this.showLoader();
      await this.requestAndroidLocationPermission();
    } else if (appState === 'background') {
      // do that
    } else if (appState === 'inactive') {
      // do that other thing
    }

    this.setState({appState: nextAppState});
  };

requestAndroidLocationPermission = async () => {
    try {
      const granted = await PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
        {},
      );
      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
        this.getLatitudeLongitude();
      } else if (granted === PermissionsAndroid.RESULTS.NEVER_ASK_AGAIN) {
        this.hideLoader();
        this.setState({
          errorMessage: 'Location permission is denied',
          isLoading: false,
        });
      } else {
        this.hideLoader();
        this.requestAndroidLocationPermission();
      }
    } catch (err) {
      console.warn(err);
    }
  };

appState --> active
nextAppState --> background
appState --> active
nextAppState --> background
appState --> active
nextAppState --> background
appState --> active

这怎么处理？有什么建议吗？

Answer 1

我也有同样的问题。不要使用AppState。是有缺陷的。

问题在于RN对“背景”的定义。react-native使用Android的activity（UI线程的持有者和UI所在的位置）onPause回调作为发送“background”信号的触发器。但是，每当有东西出现在活动的视图中时，就会称为onPause，比如对话框（比如权限框），其他活动（比如文件选择器），等等；对于android react-native来说，“background”意味着“被外部UI元素/android任务隐藏”，而不是“暂停并发送到background以执行其他操作”，从而导致您所看到的循环。最短的解决方案是在ReactActivity中重写onPause，并添加控制条件以确保super.onPause仅在实际进入后台时调用，比如检查任务堆栈，或者在调用权限对话框时调用，这样就可以避免这种循环/错误调用。第二个选择是提供您自己的应用程序生命周期事件，并提供明确的触发条件。