@rashidi wrote:
when click on icon menu only darking page not show side menu in android 4.4.
in another android version this work correctly.Related code:
<ion-app> <ion-menu (ionWillOpen)="initUser()"> <ion-header text-center> <!-- <ion-toolbar color="primary"> <ion-title>Menu</ion-title> </ion-toolbar> --> <ion-grid> <ion-row> <ion-col > <div> <ion-avatar style="width: 100px;height: 100px;"> <img [src]="user.imgPath" *ngIf="user && user.imgPath"> <ion-icon name="contact" *ngIf="!user || !user.imgPath" style="font-size:128px;color: lightgray;"></ion-icon> </ion-avatar> </div> </ion-col> <ion-col align-self-center> <div> <h2 no-margin *ngIf="user">{{ user.firstName + ' ' + user.lastName }}</h2> <h5 no-margin *ngIf="user">{{ '0'+user.mobile }}</h5> <ion-badge color="danger" style="font-size: 14px;">{{('VERSION' | translate)+' : '+ appVersion}}</ion-badge> </div> </ion-col> </ion-row> </ion-grid> <ion-badge color="light" *ngIf="user" style="font-size: 18px;color:blue">{{('CREDIT' | translate)+' : '+(user.Balance | rial)}}</ion-badge> <ion-spinner name="dots" color="light" *ngIf="!user"></ion-spinner> </ion-header> <ion-content> <ion-list> <!-- <ion-list-header> Navigate </ion-list-header> --> <span *ngFor="let mnu of menuItems"> <ion-menu-toggle auto-hide="true" *ngIf="mnu.url && mnu.url.length>0"> <ion-item tappable (click)="processUrl(mnu.url)" style="border-bottom:1px solid lightgrey;"> <ion-icon slot="start" color="secondary" [name]="mnu.icon"></ion-icon> <ion-label> {{mnu.title | translate}} </ion-label> </ion-item> </ion-menu-toggle> <!-- <ion-item style="border-bottom:1px solid lightgrey;" *ngIf="!mnu.url || mnu.url.length===0"> <ion-icon slot="start" color="secondary" [name]="mnu.icon"></ion-icon> <ion-label> {{mnu.title | translate}} </ion-label> --> <!-- <ion-badge color="success" *ngIf="mnu.value" style="font-size: 16px;">{{mnu.value}}</ion-badge> <ion-badge color="primary" *ngIf="mnu.title==='CREDIT' && user" style="font-size: 16px;">{{user.Balance | rial}}</ion-badge> <ion-spinner name="dots" color="primary" *ngIf="mnu.title==='CREDIT' && !user"></ion-spinner> --> <!-- </ion-item> --> </span> </ion-list> </ion-content> </ion-menu> <ion-router-outlet main></ion-router-outlet> </ion-app>package.json:
"dependencies": { "@angular/common": "~7.2.13", "@angular/core": "~7.2.13", "@angular/forms": "~7.2.13", "@angular/http": "~7.2.13", "@angular/platform-browser": "~7.2.13", "@angular/platform-browser-dynamic": "~7.2.13", "@angular/router": "~7.2.13", "@ionic-native/android-permissions": "^5.4.0", "@ionic-native/barcode-scanner": "^5.4.0", "@ionic-native/core": "^5.4.0", "@ionic-native/deeplinks": "^5.4.0", "@ionic-native/device": "5.4.0", "@ionic-native/diagnostic": "5.4.0", "@ionic-native/file": "5.4.0", "@ionic-native/file-opener": "5.4.0", "@ionic-native/file-transfer": "5.4.0", "@ionic-native/location-accuracy": "5.4.0", "@ionic-native/network": "5.4.0", "@ionic-native/social-sharing": "5.4.0", "@ionic-native/splash-screen": "5.4.0", "@ionic-native/status-bar": "5.4.0", "@ionic/angular": "4.2.0", "@ionic/storage": "^2.2.0", "@ngx-translate/core": "^11.0.1", "@ngx-translate/http-loader": "^4.0.0", "@types/materialize-css": "^1.0.6", "com.lampa.startapp": "^6.1.6", "cordova": "^8.1.2", "cordova-android": "7.1.4", "cordova-plugin-android-permissions": "^1.0.0", "cordova-plugin-device": "^2.0.2", "cordova-plugin-file": "^6.0.1", "cordova-plugin-file-opener2": "2.2.0", "cordova-plugin-file-transfer": "^1.7.1", "cordova-plugin-inappbrowser": "^3.0.0", "cordova-plugin-ionic-keyboard": "^2.1.3", "cordova-plugin-ionic-webview": "4.0.1", "cordova-plugin-mauron85-background-geolocation": "^3.0.1", "cordova-plugin-network-information": "^2.0.1", "cordova-plugin-request-location-accuracy": "^2.2.3", "cordova-plugin-sms-receive": "^1.0.2", "cordova-plugin-splashscreen": "^5.0.2", "cordova-plugin-statusbar": "^2.4.2", "cordova-plugin-whitelist": "^1.3.3", "cordova-sqlite-storage": "3.2.0", "cordova.plugins.diagnostic": "4.0.12", "core-js": "^2.6.5", "ionic-plugin-deeplinks": "^1.0.19", "ionicons": "4.5.6", "lodash": "4.17.11", "materialize-css": "^1.0.0", "moment": "2.24.0", "moment-jalaali": "0.8.3", "parse-push-plugin": "git+https://github.com/taivo/parse-push-plugin.git", "phonegap-plugin-barcodescanner": "^8.0.1", "rxjs": "~6.4.0", "rxjs-compat": "^6.4.0", "ws": "^6.2.1", "zone.js": "~0.8.26" }, "devDependencies": { "@angular-devkit/architect": "~0.13.8", "@angular-devkit/build-angular": "~0.13.8", "@angular-devkit/core": "~7.3.8", "@angular-devkit/schematics": "~7.3.8", "@angular/cli": "~7.3.8", "@angular/compiler": "~7.2.13", "@angular/compiler-cli": "~7.2.13", "@angular/language-service": "~7.2.13", "@ionic/angular-toolkit": "^1.5.1", "@ionic/lab": "1.0.24", "@types/jasmine": "~3.3.12", "@types/jasminewd2": "~2.0.6", "@types/node": "~11.13.4", "codelyzer": "~5.0.0", "jasmine-core": "~3.4.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~4.0.1", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.5", "karma-jasmine": "~2.0.1", "karma-jasmine-html-reporter": "^1.4.0", "protractor": "~5.4.2", "ts-node": "~8.0.3", "tslint": "~5.15.0", "typescript": "~3.2.2" }Ionic info:
Ionic: ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.2.0 @angular-devkit/build-angular : 0.13.8 @angular-devkit/schematics : 7.3.8 @angular/cli : 7.3.8 @ionic/angular-toolkit : 1.5.1 Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 15 other plugins)
Posts: 1
Participants: 1