@NoorAlhuda1990 wrote:

HI to all , i want to download an image from my firebase store databse to my ionic 4 app and i don’t know what the steps are , can someone tell me what the steps please

Posts: 1

Participants: 1

Read full topic

@anitatmj wrote:

Hello help me
how to fix this error ?
Cannot find name 'AdMobFree

image.png677×547 11.3 KB

My cordova plugin info :

image.png677×547 10.5 KB

Posts: 1

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
is it possible to produce unit tests with Ionic?
Which are the suggested tools?

Do you think it is possible to use the TDD (Test Driven Development) with Ionic?

Thank you very much

cld

Posts: 1

Participants: 1

Read full topic

@slmarcos wrote:

Hello, I need to display an image overlaying the camera image and saving the photo with that image. I can already display the image with the camera using the camera preview plugin, but how can I save the two together as a frame?

Tnks

Posts: 1

Participants: 1

Read full topic

@johced wrote:

I used a default ionic 4 starter app with side menu after Ionic 4 was released, so it’s the latest version. Then built a new app from that. I’ve changed nothing really apart from adding content. Bare bone app with just functional stuff added.

Is this how it’s supposed to perform? It behaves like this in browser with ionic:serve and deployed to Android. Forcing iOS has the same white space blinking going on.

Have I forgot to enable something in Ionic 4?

20190129_232008.gif320×660 490 KB

Posts: 3

Participants: 2

Read full topic

@muratcankuruoffical wrote:

btcservice.ts page

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';


@Injectable({
  providedIn: 'root'
})
export class BtcService {
	  public items:any;

	constructor (public navCtrl: NavController, public http: HttpClient) {
		 this.getData();
  }
    getData(){
    
    let data: Observable<any> = this.http.get('https://api.coinmarketcap.com/v1/ticker/');
    data.subscribe(result =>  {
      this.items = result;
    });
  } 


}

home.page.ts page

import { Component } from '@angular/core';
import { NavController, ModalController } from '@ionic/angular';
import { HttpClient } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { CurrencyPage } from '../currency/currency.page';
import { Router } from '@angular/router';
import { BtcService } from '../btc.service';
//import { Push, PushObject, PushOptions } from '@ionic-native/push';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  constructor(private BtcService: BtcService){
	  
  }
}

home.page.html

<ion-list>
 <ion-item [href]="'/currency/' + todo.id" detail="true" *ngFor="let item of BtcService.items">
{{item.id}}
</ion-item>


</ion-list>

Error not:

ERROR Error: Uncaught (in promise): Error: Arguments array must have arguments.
Error: Arguments array must have arguments.
at injectArgs (core.js:1804)
at core.js:15509
at callFactory (core.js:21182)
at createProviderInstance (core.js:21140)
at resolveNgModuleDep (core.js:21115)
at NgModuleRef .push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef .get (core.js:21809)
at resolveNgModuleDep (core.js:21120)
at NgModuleRef_.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21809)
at resolveDep (core.js:22180)
at createClass (core.js:22052)
at injectArgs (core.js:1804)
at core.js:15509
at callFactory (core.js:21182)
at createProviderInstance (core.js:21140)
at resolveNgModuleDep (core.js:21115)
at NgModuleRef .push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef .get (core.js:21809)
at resolveNgModuleDep (core.js:21120)
at NgModuleRef_.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21809)
at resolveDep (core.js:22180)
at createClass (core.js:22052)
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at Zone.push…/node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at drainMicroTaskQueue (zone.js:601)
defaultErrorLogger @ core.js:15714
push…/node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15762
next @ core.js:17761
schedulerFn @ core.js:13504
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push…/node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push…/node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13488
(anonymous) @ core.js:17311
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push…/node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push…/node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17248
onHandleError @ core.js:17311
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:395
push…/node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:164
_loop_1 @ zone.js:694
api.microtaskDrainDone @ zone.js:703
drainMicroTaskQueue @ zone.js:608
Promise.then (async)
scheduleMicroTask @ zone.js:584
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ home-home-module.js:1

Posts: 1

Participants: 1

Read full topic

@dgarber89 wrote:

Has anyone received emails from Google about the Google+ Auth API being shutdown? Any known solutions? Havent found any new cordova plugins.

Posts: 1

Participants: 1

Read full topic

@slmarcos wrote:

Hi, I’m starting now with ionic and I’m doubtful how do I use javascript external libraries in ionic, for example similar to these two links:

How do I proceed with the imports and do I have to do some special configuration?

Tnks

Posts: 1

Participants: 1

Read full topic

@dipankar123 wrote:

Hello Guys,
I am facing build error after installing cordova-plugin-qrscanner
i have installed QR scanner using this command bellow

ionic cordova plugin add cordova-plugin-qrscanner

npm install @ionic-native/qr-scanner

I have also import this to my app module
but after this when i am building apk, getting err

Execution failed for task ‘:app:processDebugManifest’.
Manifest merger failed with multiple errors, see logs

Not sure but probably problem occurred because of these lines inside androidManifest.xml(Last three Lines)

    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.FLASHLIGHT" />
    <uses-feature android:name="android.hardware.camera" android:required="true" />
    <uses-permission android:name="android.permission.CAMERA" android:required="false" />
    <uses-feature android:name="android.hardware.camera" android:required="false" />
    <uses-feature android:name="android.hardware.camera.front" android:required="false" />

also in my android.json

{
    "xml": "<uses-permission android:name=\"android.permission.CAMERA\" android:required=\"false\" />",
    "count": 1
},
{
    "xml": "<uses-permission android:name=\"android.permission.CAMERA\" />",
    "count": 1
 },
{
   "xml": "<uses-feature android:name=\"android.hardware.camera\" android:required=\"true\" />",
   "count": 1
},
{
  "xml": "<uses-feature android:name=\"android.hardware.camera\" android:required=\"false\" />",
  "count": 1
},
{
  "xml": "<uses-feature android:name=\"android.hardware.camera.front\" android:required=\"false\" />",
  "count": 1
}

I also install cordova-plugin-camera to capture images

please help me to solve this

thanks

Posts: 1

Participants: 1

Read full topic

@flycoders_sourav1 wrote:

How to create photo albums like facebook,please help me out
any help would be highly appreciated

Posts: 1

Participants: 1

Read full topic

@muratcankuruoffical wrote:

btcservice.ts page

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';


@Injectable({
  providedIn: 'root'
})
export class BtcService {
	  public items:any;

	constructor (public navCtrl: NavController, public http: HttpClient) {
		 this.getData();
  }
    getData(){
    
    let data: Observable<any> = this.http.get('https://api.coinmarketcap.com/v1/ticker/');
    data.subscribe(result =>  {
      this.items = result;
    });
  } 


}

home.page.ts page

import { Component } from '@angular/core';
import { NavController, ModalController } from '@ionic/angular';
import { HttpClient } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { CurrencyPage } from '../currency/currency.page';
import { Router } from '@angular/router';
import { BtcService } from '../btc.service';
//import { Push, PushObject, PushOptions } from '@ionic-native/push';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  constructor(private BtcService: BtcService){
	  
  }
}

home.page.html

<ion-list>
 <ion-item [href]="'/currency/' + todo.id" detail="true" *ngFor="let item of BtcService.items">
{{item.id}}
</ion-item>


</ion-list>

Error not:

ERROR Error: Uncaught (in promise): Error: Arguments array must have arguments.
Error: Arguments array must have arguments.
at injectArgs (core.js:1804)
at core.js:15509
at callFactory (core.js:21182)
at createProviderInstance (core.js:21140)
at resolveNgModuleDep (core.js:21115)
at NgModuleRef .push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef .get (core.js:21809)
at resolveNgModuleDep (core.js:21120)
at NgModuleRef_.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21809)
at resolveDep (core.js:22180)
at createClass (core.js:22052)
at injectArgs (core.js:1804)
at core.js:15509
at callFactory (core.js:21182)
at createProviderInstance (core.js:21140)
at resolveNgModuleDep (core.js:21115)
at NgModuleRef .push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef .get (core.js:21809)
at resolveNgModuleDep (core.js:21120)
at NgModuleRef_.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21809)
at resolveDep (core.js:22180)
at createClass (core.js:22052)
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at Zone.push…/node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at drainMicroTaskQueue (zone.js:601)
defaultErrorLogger @ core.js:15714
push…/node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15762
next @ core.js:17761
schedulerFn @ core.js:13504
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push…/node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push…/node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13488
(anonymous) @ core.js:17311
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push…/node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push…/node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17248
onHandleError @ core.js:17311
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:395
push…/node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:164
_loop_1 @ zone.js:694
api.microtaskDrainDone @ zone.js:703
drainMicroTaskQueue @ zone.js:608
Promise.then (async)
scheduleMicroTask @ zone.js:584
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ home-home-module.js:1

Posts: 1

Participants: 1

Read full topic

@coolestsumit wrote:

I am not getting the proper way to fetch unique device id of IOS devices in my ionic project. please help me

Posts: 1

Participants: 1

Read full topic

@ricardoeenda wrote:

I have a problem with external links in my ionic app. This not working when I run my App in a iOS emulator or when I install my debug App in mu iPhone.

I have similar problems in Android app.

I have in my config.xml file this:

I tried also with allow-indent

In my code I use:

this.inAppbrowser.create(enlace,’_system’, ‘location=yes’);

And I try also:

this.window.open(enlace,’_system’, ‘location=yes’);

¿Any idea about that?

Posts: 1

Participants: 1

Read full topic

@japostigo_atsistemas wrote:

Due the lastest updates on platform webviews, cors as become a problem in our Ionic apps. For that reason, we need to use cordova-plugin-advanced-http plugin to perform http calls from mobile devices. However, in web enviroment, Angular’s HttpClient still need to be used. So we have to do our own wrapper to use one or another way of using http depending of the platform. I really don’t know why Ionic Team haven’t gone in deep with this… it’s supposed that the app should work in both, mobile and web. Anyway I’ve found ionic-native-http-connection-backend, which deals with this problem!. I’m not the author of it, but I wanted to share it with the community.

Posts: 1

Participants: 1

Read full topic

@flycoders_sourav1 wrote:

While i using this plugin in showing and error screenshots give in blow

Screenshot_11.png742×215 10.9 KB

please help me out @Sujan12

Posts: 1

Participants: 1

Read full topic

@KenTummers wrote:

I am trying to make a page where I can edit information from a news article. At first I have a news page, where there are several news articles that appear through executing a GET request. When I open one of these news articles, more information appears of the news articles. On this page there’s a “edit” news article button. On this page there are several input fields for the news article.

Now my question is: how do I prefill these input fields with information from the news article that I want to edit?

Another question is if it’s better to exectute a PUT request or a PATCH request for this case?

There might be a better option for this problem, so if you have any ideas, feel free to share!

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@muratcankuruoffical wrote:

example project:

import { Injectable } from '@angular/core';

interface Todo {
  id: string,
  title: string,
  description: string
}

@Injectable()
export class TodoService {

  public todos: Todo[] = [];

  constructor() { 

    // Set some test todos
    this.todos = [
      { id: 'todo-one', title: 'Todo One', description: 'Do Stuff' },
      { id: 'todo-two', title: 'Todo Two', description: 'Do Stuff' },
      { id: 'todo-three', title: 'Todo Three', description: 'Do Stuff' },
      { id: 'todo-four', title: 'Todo Four', description: 'Do Stuff' },
      { id: 'todo-five', title: 'Todo Five', description: 'Do Stuff' },
      { id: 'todo-six', title: 'Todo Six', description: 'Do Stuff' },
      { id: 'todo-seven', title: 'Todo Seven', description: 'Do Stuff' }
    ];

  }

  getTodo(id): Todo {
    return this.todos.find(todo => todo.id === id);
  }

}

I’m project:
I can’t get data
btc.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { ActivatedRoute } from '@angular/router';
import { NavController, ModalController } from '@ionic/angular';
import { Router } from '@angular/router';

interface Item {
//I've tried...
	/*
	id: string,
	name: string,
	symbol: string,
	rank: number,
	price_usd: number,
    price_btc: number,
    24h_volume_usd: number,
    market_cap_usd: number,
    available_supply: number,
    total_supply: number,
    max_supply: number,
    percent_change_1h: number,
    percent_change_24h: number,
    percent_change_7d: number,
    last_updated: number
	*/
}
@Injectable({
  providedIn: 'root'
})
export class BtcService {
	  public items: Item[] = []; //items:any;

	constructor (public http: HttpClient) {
				let data:Observable<any>;
		data = this.http.get('https://api.coinmarketcap.com/v1/ticker/');
		data.subscribe(result => {
			this.items = result;
		});
	   /*this.items = this.http.get('https://api.coinmarketcap.com/v1/ticker/');
	   this.items.subscribe(data => { 
	   console.log('my data:', data);
	   }) */
	}
  getItem(id): Item {
    return this.items.find(item => item.id === id);
  }


}

ionicpage.png1024×768 49.2 KB

currency.page.ts

import { Component, OnInit } from '@angular/core';
import { NavParams, NavController, ModalController } from '@ionic/angular';
import { ActivatedRoute } from '@angular/router';
import { HttpClient } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { BtcService } from '../btc.service';
import { Router } from '@angular/router';



@Component({
  selector: 'app-currency',
  templateUrl: './currency.page.html',
  styleUrls: ['./currency.page.scss'],
})
export class CurrencyPage implements OnInit {
	 private item;

  constructor(private route: ActivatedRoute, private BtcService: BtcService){

  }

  ngOnInit() {
	     
		
  }
    ionViewWillEnter(){
    let itemId = this.route.snapshot.paramMap.get('id');
    this.item = this.BtcService.getItem(itemId);
  }

}

ionicpage2.png1024×768 59.6 KB

home.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
<button full (click)="goItemPage()">Go Item Page</button>

<ion-list>
 <ion-item [href]="'/currency/' + item.id" detail="true" *ngFor="let item of BtcService.items">
{{item.id}}
</ion-item>


</ion-list>

  The world is your oyster.
  <p>If you get lost, the <a target="_blank" rel="noopener" href="https://ionicframework.com/docs/">docs</a> will be your guide.</p>
</ion-content>

@blondie63 , @OliverPrimo @MattE @brandyshea @mhartington
help me please easy english ım turkısh
I can’t get data detail image

Posts: 1

Participants: 1

Read full topic

@shaderock18 wrote:

Goal:

So I am working with a project where I created a private library in Angular and saved it to an AWS code-commit repository.

I want to install this library to my Ionic app which I can then use freely within the application via npm.

Version:

Ionic 4.2.0 (Angular build)

First Try:

I first tried to npm install it using an HTTPS Git Credentials url in the package.json which allowed me to install it locally; after putting in the appropriate credentials my libraries functionality worked the way it should. When I pushed this project to the ionic dashboard and did a build on the ionic dashboard it gave me an error clarifying that it cannot access the AWS repo.

[17:22:05]: ▸ npm ERR!
[17:22:05]: ▸ npm ERR! fatal: unable to access 'https://git-codecommit.us-east-2.amazonaws.com/*url*': The requested URL returned error: 403
[17:22:05]: ▸ npm ERR!

After some thought this makes sense as there is no way for ionic to have access to a repo via HTTPS.

So I moved towards the use of SSH as Ionic has the settings of using public SSH keys.

Second Try:

I already have an Ionic SSH key setup with my Ionic pro Account where I currently have my project. So I believe that I could just copy this public key to the Amazon IAM User SSH and I should then be able to still npm install my library locally and on the ionic dashboard build.

I changed my url for the library to the SSH url in the package.json and ran an npm install

Well the console gave me the following error locally and on the Ionic Dashboard Build:

npm ERR! Error while executing:
npm ERR! /usr/bin/git ls-remote -h -t ssh://git-codecommit.us-east-2.amazonaws.com/*url*
npm ERR!
npm ERR! user@git-codecommit.us-east-2.amazonaws.com: Permission denied (publickey).
npm ERR! fatal: Could not read from remote repository.
npm ERR!
npm ERR! Please make sure you have the correct access rights
npm ERR! and the repository exists.

So now I cannot access it on my local machine or on ionic.

I researched a bit into this issue and the aws docs to SSH are not very helpful and ionic is also quiet on this issue.

Questions:

• Is there a possibility in hooking up an Ionic Dashboard app to have access to private repos on an npm install without using SSH?

• If there is no other way except using SSH, what are some hints and steps to take to debug or perhaps clarify my public SSH key works locally?

• Lastly, after it works locally, what is the best way into hooking it up with the Ionic dashboard? (Note: I already have an ssh key to grant me access to push and pull to this repo which stands alone from my Macs public ssh key. I don’t want to lose access by implementing a second ssh key.)

Posts: 1

Participants: 1

Read full topic

@Deepak1233 wrote:

hello ,
Its freaking me out I dont know why this happens after spalsh screen ther is white screen and this is permanently stick there

I read many solutions but none of them helped or may m doing still somewhere wrong. please help me out of this

Note: when i run this into debug mode with --prod it works fine but with --release it is not working.

Herr is my config.xml file … ask me else you need i ll update.

and in component.ts
import { Component,ViewChild } from ‘@angular/core’;
import { Platform,MenuController, App , NavController ,Nav,ToastController,Events} from ‘ionic-angular’;
import { StatusBar } from ‘@ionic-native/status-bar’;
import { SplashScreen } from ‘@ionic-native/splash-screen’;
import { timer } from ‘rxjs/observable/timer’;
import { HomePage } from ‘…/pages/home/home’;
import { IntrestsPage } from ‘…/pages/intrests/intrests’;
import { LatestPage } from ‘…/pages/latest/latest’;
import { PasswordPage } from ‘…/pages/password/password’;
import { AboutPage } from ‘…/pages/about/about’;
import { PremiummembersPage } from ‘…/pages/premiummembers/premiummembers’;
import { ManagementPage } from ‘…/pages/management/management’;
import { EditprofilePage} from ‘…/pages/editprofile/editprofile’;
import { SignupPage } from ‘…/pages/signup/signup’;
import { LoginPage } from ‘…/pages/login/login’;
import { InboxPage } from ‘…/pages/inbox/inbox’;
import { ProfilevisitorsPage } from ‘…/pages/profilevisitors/profilevisitors’;
import { ShortlistedPage } from ‘…/pages/shortlisted/shortlisted’;
import { ViewedcontactsPage } from ‘…/pages/viewedcontacts/viewedcontacts’;
import { SplitPane } from ‘…/providers/split-pane’;

@Component({
templateUrl: 'app.html'
})
export class MyApp {
@ViewChild('content') nav: NavController;
rootPage:any = ManagementPage;
// rootPage:any = HomePage;
selectedMenu: any=false;
selectedMenu2: any=false;

img:any;
fetched_info={'firstname':'','lastname':'','username':'','profilepic':'','gender':''}

showSplash = true; 

constructor( public toast:ToastController,platform: Platform, statusBar: StatusBar,
splashScreen: SplashScreen, public app:App, public splitPane: SplitPane,
public menu: MenuController,private   ev:Events) {



platform.ready().then(() => {
this.ev.subscribe('hello', (firstname,lastname,username,profilepic,gender)=>{
this.fetched_info.firstname=firstname;
this.fetched_info.lastname=lastname;
this.fetched_info.username=username;
this.fetched_info.profilepic=profilepic;
this.fetched_info.gender=gender;
});


statusBar.styleDefault();
splashScreen.hide();
setTimeout(function(){
this.showSplash = false;
},3000);
setTimeout(()=>{
splashScreen.hide();  
},1000);
});

}

Posts: 1

Participants: 1

Read full topic

@RajaJakkampudi wrote:

Hello everyone,

Side menu navigation only working in android KitKat version 5.1.1
But its not working in another higher versions of android and its working well in IOS.

Can any one suggest me how to solve this problem.

IONIC INFO:

Ionic:

   ionic (Ionic CLI)  : 4.10.0 (C:\Users\ADMIN\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.7.1
   @ionic/app-scripts : 2.0.2

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 6.4.0, ios 4.5.2
   Cordova Plugins       : no whitelisted plugins (9 plugins total)

System:

   Android SDK Tools : 26.1.1 (C:\Users\ADMIN\AppData\Local\Android\Sdk)
   NodeJS            : v10.12.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.4.1
   OS                : Windows 10

MANIFEST:

  <uses-sdk android:minSdkVersion="16" android:targetSdkVersion="28" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

Menu Code:

<ion-menu [content]="content">

<ion-header>
<ion-toolbar>
<ion-grid class="userGrid sideBarPad">

<ion-row justify-content-center>
   <ion-col col-12>
	<ion-label class="centeredLabel sideMenuImg no-margin">
		<img src="assets/images/RedShield.png" />
		<span>{{driverInfo.user.name}}</span>
	</ion-label>
   </ion-col>
</ion-row>

<ion-row justify-content-center>
<ion-col col-12>
<ion-label class="centeredLabel no-margin imcgRed imcDriver">{{driverInfo.user.opco}}</ion-label>
</ion-col>
</ion-row>

</ion-grid>
</ion-toolbar>
</ion-header>

<ion-content class="no-scroll menuList">
	<ion-list>
		<button ion-item *ngFor="let p of pages" (click)="openPage(p)" class="{{p.title}}  waves-effect">{{p.title}}</button>
		<button (click)="viewSafety()" class="Safety  waves-effect">Driver Safety Portal</button>
		<button (click)="driverProfile()" class="profile  waves-effect">Driver Profile</button>
		<button (click)="logOut()" class="logout  waves-effect">Log Out</button>
	</ion-list>
</ion-content>

</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

Posts: 1

Participants: 1

Read full topic