尝试打开抽屉时，Nativescript RadSideDrawer不显示内容和应用程序中断

我已经在Telerik文档中设置了RadSideDrawer。应用程序成功构建和加载，但sidedrawer内容未显示，并且在尝试滑动屏幕打开sidedrawer应用程序时崩溃，出现以下错误：

An uncaught Exception occurred on "main" thread.
java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.FrameLayout.setVisibility(int)' on a null object reference
at com.telerik.android.primitives.widget.sidedrawer.RadSideDrawer.handleOnDown(RadSideDrawer.java:460)
at com.telerik.android.primitives.widget.sidedrawer.RadSideDrawer.onGesture(RadSideDrawer.java:438)
at com.telerik.android.primitives.widget.sidedrawer.RadSideDrawer.onInterceptTouchEvent(RadSideDrawer.java:420)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2109)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2554)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2198)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2554)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2198)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2554)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2198)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2554)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2198)
at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2554)
at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2198)
at com.android.internal.policy.PhoneWindow$DecorView.superDispatchTouchEvent(PhoneWindow.java:2403)
at com.android.internal.policy.PhoneWindow.superDispatchTouchEvent(PhoneWindow.java:1737)
at android.app.Activity.dispatchTouchEvent(Activity.java:2843)
at com.android.internal.policy.PhoneWindow$DecorView.dispatchTouchEvent(PhoneWindow.java:2364)
at android.view.View.dispatchPointerEvent(View.java:9527)
at android.view.ViewRootImpl$ViewPostImeInputStage.processPointerEvent(ViewRootImpl.java:4248)
at android.view.ViewRootImpl$ViewPostImeInputStage.onProcess(ViewRootImpl.java:4101)
at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3647)
at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3700)
at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3666)
at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:3792)
at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:3674)
at android.view.ViewRootImpl$AsyncInputStage.apply(ViewRootImpl.java:3849)
at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3647)
at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3700)
at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3666)

这是包json文件：

{
  "description": "NativeScript Application",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "nativescript": {
    "id": "org.nativescript.app",
    "tns-android": {
      "version": "3.1.1"
    }
  },
  "dependencies": {
    "@angular/animations": "~4.1.0",
    "@angular/common": "~4.1.0",
    "@angular/compiler": "~4.1.0",
    "@angular/core": "~4.1.0",
    "@angular/forms": "~4.1.0",
    "@angular/http": "~4.1.0",
    "@angular/platform-browser": "~4.1.0",
    "@angular/router": "~4.1.0",
    "moment": "^2.18.1",
    "nativescript-angular": "~3.1.0",
    "nativescript-cardview": "^2.0.2",
    "nativescript-loading-indicator": "^2.3.2",
    "nativescript-telerik-ui": "^3.0.4",
    "nativescript-theme-core": "~1.0.2",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~5.3.0",
    "tns-core-modules": "~3.1.0",
    "underscore": "^1.8.3",
    "zone.js": "~0.8.2"
  },
  "devDependencies": {
    "babel-traverse": "6.25.0",
    "babel-types": "6.25.0",
    "babylon": "6.17.4",
    "lazy": "1.0.11",
    "nativescript-dev-typescript": "~0.5.0",
    "tslib": "^1.7.1",
    "typescript": "~2.2.1"
  }
}

{
“说明”：“NativeScript应用程序”，
“许可证”：“请参阅中的许可证”，
“自述文件”：“NativeScript应用程序”，
“存储库”：“，
“nativescript”：{
“id”：“org.nativescript.app”，
“tns安卓”：{
“版本”：“3.1.1”
}
},
“依赖项”：{
“@angular/animations”：“~4.1.0”，
“@angular/common”：“~4.1.0”，
“@angular/compiler”：“~4.1.0”，
“@angular/core”：“~4.1.0”，
“@angular/forms”：“~4.1.0”，
“@angular/http”：“~4.1.0”，
“@angular/platform浏览器”：“~4.1.0”，
“@angular/router”：“~4.1.0”，
“时刻”：“^2.18.1”，
“nativescript angular”：“~3.1.0”，
“nativescript cardview”：“^2.0.2”，
“nativescript加载指示器”：“^2.3.2”，
“nativescript telerik用户界面”：“^3.0.4”，
“nativescript主题核心”：“~1.0.2”，
“反映元数据”：“~0.1.8”，
“rxjs”：“~5.3.0”，
“tns核心模块”：“~3.1.0”，
“下划线”：“^1.8.3”，
“zone.js”：“~0.8.2”
},
“依赖性”：{
“巴别塔穿越”：“6.25.0”，
“巴别塔类型”：“6.25.0”，
“巴比伦”：“6.17.4”，
“懒惰”：“1.0.11”，
“nativescript开发人员类型脚本”：“~0.5.0”，
“tslib”：“^1.7.1”，
“类型脚本”：“~2.2.1”
}
}

---

我已经安装了

nativescript-ng2-drawer-seed

，它工作正常。我遗漏了一些东西，但我找不到。任何帮助都将不胜感激。谢谢

解决了这个问题。只需在使用sidedrawer的页面模块中导入NativeScriptUISideDrawerModule。或者把它放在一个角度共享模块中。

如果您可以共享您的页面XML/HTML和JavaScript/TypeScript，我们可能会找到问题所在。也许您已经在另一个UI元素旁边声明了RadSideDrawer，根据设计，RadSideDrawer应该是页面的单个子元素。@VladimirAmiorkov感谢您的帮助。这是我的一个简单错误。我已经在AppModule中导入了NativeScriptUISideDrawerModule，但没有导入到我使用sidedrawer的页面模块中。