时间戳

首页 > 解决方案 > Appstate 不断在 Android 中的 React Native 中获得变化

android - Appstate 不断在 Android 中的 React Native 中获得变化

问题描述

我正在开发 React 本机项目，并且正在获取位置权限。此外，我必须始终跟踪位置权限，例如用户在安装应用程序后授予权限访问权限，然后一段时间后用户转到设备设置中的应用程序设置并禁用/撤销权限。再次，一旦应用程序从后台到前台，我必须基于此检查权限，需要显示消息。

所以，我正在使用 Appstate。但是，奇怪的是，在 Android 中，安装应用程序后，如果用户使用“不再显示”复选框拒绝了该权限，则 Appstate 会随着背景不断变化并始终处于活动状态。它保持循环。

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

它继续，永不停止。

如何处理？有什么建议么？

标签： androidreact-nativegeolocationlocationaddeventlistener

解决方案

我有同样的问题。不要使用 AppState。有故障。

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

推荐阅读