美文网首页
React Native入门小坑 -- Unable to ad

React Native入门小坑 -- Unable to ad

作者: 二手认知 | 来源:发表于2019-10-18 12:43 被阅读0次
    Unable to add window android.view.ViewRootImpl$W@1187b7c -- permission denied for window type 2003
    

    版本,0.61.2
    当前时间:2019.10.18(有些网站鸡贼地不显示文章时间,导致很多不必要的浪费时间)

    场景:

    尝试按照官方文档,集成React Native组件到已经存在Android项目中。

    问题:

    如文章标题,没有权限添加window,导致添加window报错。

    原因:

    本地maven配置不对, 导致gradle会从远端拉取,而远端的最高版本是0.20.1,(而当前版本已经到了0.61.2--2019.10.18),于是产生了这个问题。

    解决方案:

    (前提是你已经按照官方文档操作了一遍)
    按照下面的方式配置(最外层build.gradle):

    allprojects {
        repositories {
            mavenLocal()
            maven {
                // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
                url("$rootDir/../node_modules/react-native/android")
            }
            maven {
                // Android JSC is installed from npm
                url("$rootDir/../node_modules/jsc-android/dist")
            }
    
            google()
            jcenter()
            maven { url 'https://jitpack.io' }
        }
    }
    

    如果你对排查过程感兴趣

    估计你和我一样,走完官方文档的步骤,希望可以在原有Android项目中加载出RN的组件了。

    然后就出现了这个错误(只包含关键信息):

    android.view.WindowManager$BadTokenException: Unable to add window android.view.ViewRootImpl$W@1187b7c -- permission denied for window type 2003
            at com.facebook.react.devsupport.DevSupportManagerImpl.handleReloadJS(DevSupportManagerImpl.java:538)
            at com.facebook.react.ReactInstanceManagerImpl$3$1.run(ReactInstanceManagerImpl.java:386)
    

    哈?这个错误我见过的哦,Android里常见的错误,就是没有权限添加一个dialog啊,然后找到了源码(DevSupportManagerImpl类):

    public void handleReloadJS() {
      UiThreadUtil.assertOnUiThread();
      // dismiss redbox if exists
      if (mRedBoxDialog != null) {
        mRedBoxDialog.dismiss();
      }
      ProgressDialog progressDialog = new ProgressDialog(mApplicationContext);
      progressDialog.setTitle(R.string.catalyst_jsload_title);
      progressDialog.setMessage(mApplicationContext.getString(
          mIsUsingJSProxy ? R.string.catalyst_remotedbg_message : R.string.catalyst_jsload_message));
      progressDialog.setIndeterminate(true);
      progressDialog.setCancelable(false);
      //***
      progressDialog.getWindow().setType(WindowManager.LayoutParams.TYPE_SYSTEM_ALERT);
      progressDialog.show();
      if (mIsUsingJSProxy) {
        reloadJSInProxyMode(progressDialog);
      } else {
        reloadJSFromServer(progressDialog);
      }
    }
    

    注意//***下面一行,用到了TYPE_SYSTEM_ALERT类型的Window,然后找到Google的文档

    TYPE_SYSTEM_ALERT

    Constant Value: 2003 (0x000007d3) //2003眼熟吗?

    This constant was deprecated in API level 26. for non-system apps. Use TYPE_APPLICATION_OVERLAY instead.

    。。。这个类型,在API26就已经对非系统应用关闭了,所以不是我权限处理不对,而是非系统App就不应该用这个类型。 可是。。。这是React Native的源码用的,我怎么办,hook这个方法吗?

    行倒是行,等一下,我才刚接入RN,就需要hook源码的方法了?那后面岂不是。。。我差点放弃


    过了很久,突然想起来,纯RN(区别与集成到已有项目)是可以正常运行的,这个dialog(window的内容)也是可以正常显示的,它是怎么做的,于是看了纯RN项目的源码,找到 DevSupportManagerImpl类的handleReloadJS()方法:

    public void handleReloadJS() {
      UiThreadUtil.assertOnUiThread();
      ReactMarker.logMarker(
          ReactMarkerConstants.RELOAD,
          mDevSettings.getPackagerConnectionSettings().getDebugServerHost());
      // dismiss redbox if exists
      hideRedboxDialog();
      if (mDevSettings.isRemoteJSDebugEnabled()) {
        PrinterHolder.getPrinter()
            .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Proxy");
        mDevLoadingViewController.showForRemoteJSEnabled();
        mDevLoadingViewVisible = true;
        reloadJSInProxyMode();
      } else {
        PrinterHolder.getPrinter()
            .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Server");
        String bundleURL =
            mDevServerHelper.getDevServerBundleURL(Assertions.assertNotNull(mJSAppBundleName));
        reloadJSFromServer(bundleURL);
      }
    }
    

    好像完全不一样哦。。。是版本问题?
    然后我发现我的项目中的版本:

    咦?不是已经到0.61.2了吗?为什么是0.20.1?,然后我在Android Studio中搜索了这个项目。。。

    哦。。。原来是本地maven没生效,于是仿照纯RN项目的gradle配置了maven,问题解决。。。

    相关文章

      网友评论

          本文标题:React Native入门小坑 -- Unable to ad

          本文链接:https://www.haomeiwen.com/subject/mfeimctx.html