Nativescript RadSideDrawer n'affiche pas le contenu et les interruptions de l'application lorsque vous tentez d'ouvrir le tiroir

J'ai configuré RadSideDrawer comme dans la documentation Telerik. App construit et charges avec succès mais le contenu de sidedrawer n'apparaît pas et en essayant de glisser l'écran pour ouvrir l'application se bloque de sidedrawer avec erreur suivant:Nativescript RadSideDrawer n'affiche pas le contenu et les interruptions de l'application lorsque vous tentez d'ouvrir le tiroir

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)

C'est un fichier JSON paquet:

{ 
    "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" 
    } 
}

Je installé nativescript-ng2-drawer-seed et cela fonctionne correctement. Il me manque quelque chose mais je ne peux pas le savoir. Toute aide serait appréciée. Merci

Source

2017-08-25 zarax

Si vous pouvez partager ce que votre page XML/HTML et JavaScript/TypeScript est, nous pouvons être en mesure de trouver le problème. Peut-être avez-vous déclaré RadSideDrawer à côté d'un autre élément de l'interface utilisateur, de par sa conception, RadSideDrawer devrait être l'élément enfant unique d'une page. –

@VladimirAmiorkov Merci pour votre aide. C'était une erreur simple de ma part. J'ai importé 'NativeScriptUISideDrawerModule' dans AppModule mais pas dans le module des pages que j'utilise sidedrawer. – zarax

Résolu le problème. Il suffit d'importer NativeScriptUISideDrawerModule dans le module de la page que vous utilisez le sidedrawer. Ou mettez-le simplement dans un module partagé angulaire.

Source

2017-08-26 08:27:40 zarax

Nativescript RadSideDrawer n'affiche pas le contenu et les interruptions de l'application lorsque vous tentez d'ouvrir le tiroir

Répondre

Questions connexes