Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 49526 articles
Browse latest View live

Strange bug: ionic-angular, after opening my app through dynamic link the view will not update correctly

$
0
0

@armanfantasy wrote:

I think it is a bug with ionic which do some strange thing when opening the app through dynamic links

ionic 5.0.7

Current behavior:
First my app is work perfect on the web browser on my computer but this but occur when i test dynamic links on my android device capacitor app.

i have an app which shows listing of properties when someone click on the dynamic link it will open the app and show that property but when you navigate back and see the listing and want to scroll for more property it will not show properties that fetched form server so i tested every thing its getting new items the array will update but the view will not show any thing till i go to an other tab an come back it will show those listing which was fetched but for new fetching it will not show.

I came around with a fix when i fetch new listing i run NgZone then it will show

As i mentioned this is just happening if the app is close then open through dynamic link.

I think if this bug happening for dynamic link it will happen also for push notification!

This is just a code for my solution when i fetch more data to make view update:

loadData(event) {
    this.zone.run(()=>{
        this.searchService.setIsOnSearch(true);
        this.estateService.addPageNumber();
        this.getEstates().then(
          value => { event.target.complete(); }
        );
      }
    );
  }

Ionic info:

Ionic:

Ionic CLI                     : 6.4.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework               : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.901.0
@angular-devkit/schematics    : 9.1.0
@angular/cli                  : 9.1.0
@ionic/angular-toolkit        : 2.2.0

Capacitor:

Capacitor CLI   : 1.5.2
@capacitor/core : 1.5.2

Cordova:

Cordova CLI       : 9.0.3 (cordova-lib@9.0.2)
Cordova Platforms : none
Cordova Plugins   : no whitelisted plugins (1 plugins total)

Utility:

cordova-res : not installed
native-run  : 0.3.0

System:

Android SDK Tools : 26.1.1 (/Users/arman/Library/Android/sdk)
ios-deploy        : 1.10.0
NodeJS            : v12.16.1 (/usr/local/bin/node)
npm               : 6.13.4
OS                : macOS Catalina
Xcode             : Xcode 11.4 Build version 11E146

Posts: 1

Participants: 1

Read full topic


Ionic 3 Android build fails with: could not find libvlc

$
0
0

@Daveshirman wrote:

I’ve got an Ionic 3 project, no changes have been made recently, yet suddenly it won’t build for Android.

Any one know how I can resolve the error below?

Thanks

Here’s the error:

* What went wrong:
A problem occurred configuring root project 'android'.
> Could not resolve all dependencies for configuration ':_debugApkCopy'.
   > Could not find :libvlc:.
     Required by:
         :android:unspecified

I’m using NVM use with a .nvmrc file to manage local node versions as I also have Ionic 4 on this machine too.

nvm use:

Now using node v8.16.2 (npm v6.4.1)

My Ionic info:

Ionic:

   Ionic CLI          : 5.4.5 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 6.5.0
   Cordova Platforms : android 6.1.2, ios 4.3.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 14 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.2.8 (update available: 0.3.0)

System:

   ios-deploy : 1.9.4
   ios-sim    : 5.0.8
   NodeJS     : v8.16.2 (/Users/daveshirman/.nvm/versions/node/v8.16.2/bin/node)
   npm        : 6.4.1
   OS         : macOS Mojave
   Xcode      : Xcode 11.3.1 Build version 11C504


  ────────────────────────────────────────────────

     Ionic CLI update available: 5.4.5 → 5.4.16
            Run npm i -g ionic to update

  ────────────────────────────────────────────────

My package.json:

{
  "name": "MyIonicApp",
  "author": "Dave S",
  "homepage": "http://mysite.com",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "5.2.9",
    "@angular/common": "5.2.9",
    "@angular/compiler": "5.2.9",
    "@angular/compiler-cli": "5.2.9",
    "@angular/core": "5.2.9",
    "@angular/forms": "5.2.9",
    "@angular/http": "5.2.9",
    "@angular/platform-browser": "5.2.9",
    "@angular/platform-browser-dynamic": "5.2.9",
    "@angular/tsc-wrapped": "^4.4.6",
    "@backand/angular2-sdk": "^1.2.9",
    "@ionic-native/camera": "4.7.0",
    "@ionic-native/core": "4.7.0",
    "@ionic-native/deeplinks": "4.7.0",
    "@ionic-native/device": "4.7.0",
    "@ionic-native/diagnostic": "4.7.0",
    "@ionic-native/file": "4.7.0",
    "@ionic-native/file-transfer": "4.7.0",
    "@ionic-native/http": "4.7.0",
    "@ionic-native/media-capture": "4.7.0",
    "@ionic-native/network": "4.7.0",
    "@ionic-native/splash-screen": "4.7.0",
    "@ionic-native/status-bar": "4.7.0",
    "@ionic-native/video-capture-plus": "4.7.0",
    "@ionic/storage": "2.1.3",
    "@types/cordova-plugin-file-transfer": "0.0.3",
    "aws-sdk": "^2.501.0",
    "cordova-ios": "^4.3.1",
    "cordova-plugin-streaming-native": "git+https://github.com/joaoduartemariucio/cordova-plugin-streaming-native.git",
    "cordova-res": "^0.8.1",
    "cordova.plugins.diagnostic": "^3.9.2",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "moment": "^2.19.1",
    "rxjs": "5.5.7",
    "safe-json-parse": "^4.0.0",
    "sw-toolbox": "3.6.0",
    "ts-md5": "^1.2.4",
    "video.js": "^6.2.8",
    "videojs-record": "^3.8.0",
    "zone.js": "0.8.20"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.4",
    "@ionic/lab": "1.0.7",
    "@ngtools/webpack": "^6.0.0-beta.6",
    "cordova-library-helper": "https://github.com/FlyingDonkeyDev/cordova-library-helper.git",
    "cordova-plugin-camera": "git+https://github.com/filionf/cordova-plugin-camera.git",
    "cordova-plugin-console": "1.0.5",
    "cordova-plugin-device": "1.1.4",
    "cordova-plugin-file-transfer": "~1.6.1",
    "cordova-plugin-headercolor": "~1.0",
    "cordova-plugin-ionic-keyboard": "~2.1.3",
    "cordova-plugin-media-capture": "~1.4.2",
    "cordova-plugin-splashscreen": "~4.0.1",
    "cordova-plugin-statusbar": "https://github.com/apache/cordova-plugin-statusbar.git",
    "cordova-plugin-video-editor": "~1.1.2",
    "cordova-plugin-whitelist": "1.3.1",
    "nl.x-services.plugins.videocaptureplus": "~1.0.0",
    "typescript": "~2.6.2",
    "video.js": "^6.2.8"
  },
  "cordovaPlugins": [
    "cordova-plugin-whitelist",
    "cordova-plugin-statusbar",
    "cordova-plugin-console",
    "cordova-plugin-device",
    "cordova-plugin-splashscreen",
    "ionic-plugin-keyboard",
    "cordova-library-helper",
    "cordova-plugin-compat",
    "cordova-plugin-file",
    "cordova-plugin-file-transfer",
    "cordova-plugin-network-information",
    "cordova.plugins.diagnostic"
  ],
  "cordovaPlatforms": [
    "ios",
    {
      "platform": "ios",
      "version": "",
      "locator": "ios"
    }
  ],
  "description": "app to capture user generated content.",
  "cordova": {
    "plugins": {
      "cordova.plugins.diagnostic": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-console": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-camera": {
        "CAMERA_USAGE_DESCRIPTION": "This app requires camera access to record video responses.",
        "MICROPHONE_USAGE_DESCRIPTION": "This app requires microphone access so we can hear your voice in your video responses.",
        "PHOTOLIBRARY_USAGE_DESCRIPTION": "This app requires photo library access to store and retrieve videos for responses."
      },
      "cordova-library-helper": {},
      "cordova-plugin-headercolor": {},
      "cordova-plugin-media-capture": {
        "CAMERA_USAGE_DESCRIPTION": "This app requires camera access to record video responses.",
        "MICROPHONE_USAGE_DESCRIPTION": "This app requires microphone access so we can hear your voice in your video responses.",
        "PHOTOLIBRARY_USAGE_DESCRIPTION": "This app requires photo library access to store and retrieve videos for responses."
      },
      "cordova-plugin-file-transfer": {},
      "cordova-plugin-video-editor": {},
      "nl.x-services.plugins.videocaptureplus": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-streaming-native": {}
    },
    "platforms": [
      "ios"
    ]
  }
}
``

Posts: 1

Participants: 1

Read full topic

Wrapping page in ion-content makes text blurry on mobile

How to change the css of ionic large title during page navigation

$
0
0

@felixliu wrote:

Hi,

I’m creating an App that supports multiple language. But when the language is changed, the default font-size of the iOS large title (34px) is too large so that the title cannot be fully displayed. I modified it to 32px.

But the issue I’m facing is that during the page navigation, the font-size is still the default setting. So what I current got is that during page navigation, it’s 34px. And once it’s completed, the font will be 32px. I’m wondering is there any way that I can change the css of the large title during navigation period?

I found this https://github.com/ionic-team/ionic/pull/20862 that may related to my issue. But I don’t know what should I do to build the project that based on the modified ionic code.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

Ionic-v5 debug in browser

$
0
0

@etarom wrote:

Hi,
typescript source are missing on browser debug

Ionic:

   Ionic CLI                     : 5.4.16 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.11.10
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 5 other plugins)

ionic -v
5.4.16

in tsconfig.json:

"sourceMap": true,

any suggestion?

thanks in advance

Posts: 1

Participants: 1

Read full topic

Video restart when rotate the device in IONIC 3

$
0
0

@ken-shin wrote:

so in my ionic app i can play video using vimeo player with iframe and it works perfectly.
the problem is when i rotate the screen it restart the video again. i know it’s about saving the state kinda thing. but i don’t know how to do it.
this is my code

     <ion-col  *ngIf="!rendering" >
        <iframe [src]="cleanURL(VideoSrc)" width="100%" height="400" frameborder="0" allowfullscreen></iframe>
      </ion-col>

and this is the typescript code

cleanURL(oldURL: string): SafeResourceUrl {
        return this.sanitizer.bypassSecurityTrustResourceUrl(oldURL+'?autoplay=1');    
       }

there is plugin for screen orientation but i can’t seem to grasp how to resume the video right at that point after rotating the screen.
any kind of guidance would be helpful
have a nice day. cheers

Posts: 1

Participants: 1

Read full topic

If I have a TLS certificate, how to add it to my Ionic app so that it can connect to a HTTPS server?

$
0
0

@tomjaihk wrote:

If I have a TLS certificate (*.crt), how to add it to my Ionic app so that it can connect to a HTTPS server?

Thank you.

Posts: 1

Participants: 1

Read full topic

Property 'openDatabase' does not exist on type 'SQLite'

$
0
0

@jlxm wrote:

I was able to create a new database on another .ts file. Then, I wish top open the same database on a different .ts file.

this.platform.ready().then(() => {

      let db = new SQLite();
      db.openDatabase({
        name: 'data.db',
        location: 'default'
      }).then(() => {
        db.executeSql('CREATE TABLE IF NOT EXISTS plants (id INT PRIMARY KEY, crop TEXT)', {}).then(() => {
        }, (err) => {
          console.error('Unable to execute sql: ', err);
        });
      }, (err) => {
        console.error('Unable to open database: ', err);
      });

    });

However, it is returning…

Property ‘openDatabase’ does not exist on type ‘SQLite’.

I am sure I have installed it since I was able to use it already. How come, openDatabase does not work?

Ionic v4
cordova plugin ls
cordova-plugin-advanced-http 2.3.1 “Advanced HTTP plugin”
cordova-plugin-calendar 5.1.5 “Calendar”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-file 6.0.2 “File”
cordova-plugin-geolocation 4.0.2 “Geolocation”
cordova-plugin-googlemaps 2.6.2 “cordova-plugin-googlemaps”
cordova-plugin-ionic-keyboard 2.2.0 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 4.1.3 “cordova-plugin-ionic-webview”
cordova-plugin-network-information 2.0.2 “Network Information”
cordova-plugin-splashscreen 5.0.2 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”
cordova-sqlite-storage 4.0.0 “Cordova sqlite storage plugin - cordova-sqlite-storage plugin version”
phonegap-plugin-barcodescanner 8.1.0 “BarcodeScanner”
uk.co.workingedge.cordova.plugin.sqliteporter 1.1.1 “sqlite porter”

Any help is appreciated. Thanks

Posts: 1

Participants: 1

Read full topic


Ionic List Scroll is not sensitive enough on android

$
0
0

@kks21199 wrote:

Hi,

The scrolling works fine on windows chrome (with touch), but when I use it on android, it isn’t working unless I touch at some exact points. May I know what’s the issue?

I have recorded my screen and uploaed the video above. You can see my touch data on the video. I am using ionic 5 with capacitor. Here is my sample code,


<ion-content [fullscreen]="true" >
  <ion-list>
    <ion-item>
      <ion-label>Pokémon Yellow</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Mega Man X</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>The Legend of Zelda</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pac-Man</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Super Mario World</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pokémon Yellow</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Mega Man X</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>The Legend of Zelda</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pac-Man</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Super Mario World</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pokémon Yellow</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Mega Man X</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>The Legend of Zelda</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pac-Man</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Super Mario World</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pokémon Yellow</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Mega Man X</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>The Legend of Zelda</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pac-Man</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Super Mario World</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pokémon Yellow</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Mega Man X</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>The Legend of Zelda</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pac-Man</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Super Mario World</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pokémon Yellow</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Mega Man X</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>The Legend of Zelda</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Pac-Man</ion-label>
    </ion-item>
    <ion-item>
      <ion-label>Super Mario World</ion-label>
    </ion-item>
  </ion-list>

Posts: 1

Participants: 1

Read full topic

Modal in diferent pages using ionc4

$
0
0

@mehraj786 wrote:

hi i want to use a modal in diferent pages but i am getting this error
Error: Type PrescriptionPage is part of the declarations of 2 modules: ViewOrderPageModule and ViewInvoicePageModule! Please consider moving PrescriptionPage to a higher module that imports ViewOrderPageModule and ViewInvoicePageModule. You can also create a new NgModule that exports and includes PrescriptionPage then import that NgModule in ViewOrderPageModule and ViewInvoicePageModule

can anyone how to use modal in two different page

Posts: 1

Participants: 1

Read full topic

Change detection doesnt trigger

$
0
0

@Vartex05 wrote:

Hi, in my ionic 5 app, i encountered strange problem with change detection. In my Cart page, i display list of products, and user can send order with fab button. Everything works, but when i hit the button, i want to reset all items, that are displayed. I do this in processTransacton method.
Problem is, that it doesnt trigger change detection, so old items doesnt disappear until i hit another button on the page. Any ideas what can cause this? My code looks like this:

<ion-content class="ion-padding">
  <ion-button expand="block" (click)="openProductList()">Přidat položku</ion-button>
  <div *ngFor="let product of selectedProducts">
    <app-cart-item [cartItem]="product" (remove)="removeProduct($event)">
    </app-cart-item>
  </div>
  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
    <ion-fab-button color="success" (click)="processTransaction()">
      <ion-icon name="checkmark-outline"></ion-icon>
    </ion-fab-button>
  </ion-fab>
</ion-content>
  processTransaction(){
    this.productService.sendOrderCash([...this.selectedProducts]).subscribe(result=>{
      this.lastSelection=[...this.selectedProducts];
      this.selectedProducts=[];
      console.log(this.selectedProducts);
    });

  }

Posts: 1

Participants: 1

Read full topic

InAppBrowser camera access

$
0
0

@KevinR007 wrote:

I’m trying to get access to my camera with the InAppBrowser. When I visit the site on a mobile browser my input triggers the gallery with access to my camera. When I place the URL in InAppBrowser, it only opens my files dir. When searching around I found this git thread https://github.com/apache/cordova-plugin-inappbrowser/issues/328 the solution there doesn’t work for me.

If someone knows the solution to open your camera InAppBrowser I would be a very happy person!

FYI
input tag:
<input type="file" accept="image/png, image/jpeg" >
app component: initializeApp() { this.platform.ready().then(() => { SplashScreen.hide(); const browser = this.iab.create('https://dev.kevinrouwkema.nl/', '_blank', this.options); browser.on('loadstop').subscribe(event => { SplashScreen.hide({ fadeOutDuration: 1000 }); setTimeout(() => { browser.show(); }, 1000); }); }); }

Posts: 1

Participants: 1

Read full topic

Does an Ionic app use non-exempt encryption?

$
0
0

@hlamprecht wrote:

Hi,

I’m not sure, if this is the right category, so please sorry if this is wrong.

As I assume, quite a number of people here are developing apps, that are about to be released through the app stores. Now, while preparing our first release, I’m unsure about the encryption related export compliance. Our app is loading data from a remote REST API, and this is of course done through HTTPS. The actual HTTPS connection is established by some iOS code, as the app is basically a browser. So, does that mean, that the app just uses exempt encryption, and we don’t have to bother with all these export compliance stuff?

Thanks and all the best,

Heiner

Posts: 1

Participants: 1

Read full topic

Not getting PWA install prompt

$
0
0

@kemaltolga wrote:

I have a vanilla ionic5 angular9 application.

I then run ng add @angular/pwa.

I deploy to firebase and run lighthouse. I get perfect PWA score.

BUT, I am not getting install prompt.
The app has NOT been previously installed.
I’ve tried 3 different browers on 2 different PCs.

I’ve been at this for hours. Very frustrating.
Thanks for any help.

Posts: 2

Participants: 2

Read full topic

How to implement a cancel function to several downloads being made using Promise.all()

$
0
0

@leonardofmed wrote:

I have a Promise.all() that returns when all my download promises are finished, the downloads are basically several images. I’m trying to add the possibility to cancel the remainig downloads in the list of urls that is passed to Promise.all(). I tried some ways to do this, but the remainig items are always downloaded anyway.

How my code is right now:

async downloadFunction(arrayToDownload: Object[]): Promise<void[]> {
	let loading = await this.loadingController.create({
		message: 'Touch backgroud to cancel',
		backdropDismiss: true
	});
	await loading.present();

	const fileTransfer: FileTransferObject = this.transfer.create();
	let canceled: boolean = false;

	loading.onDidDismiss().then(obj => {
		console.log(obj); // obj.role will be = 'backdrop' if clicked in background
		if (obj.role === 'backdrop') {
			console.log('canceled');
			//fileTransfer.abort(); -> Tried to abort filetransfer here first, but it seems that it need to be fired during download.
			canceled = true;
			return;
		}
	}); 

	return Promise.all(arrayToDownload.map(element => {
		if (canceled === true) {
			return;	// Added a return here, so it would skip the rest, but didn't work					
		}

		if (element != undefined) {
			// Get data from URL and do other preparations
			//...

			return fileTransfer.download(encodedURI, this.file.externalDataDirectory + 'randomFolder').then(entry => {
				return;
			
			}, error => {
				console.log("Error while downloading image: ", error);
				return;		
			}).catch(error => {
				console.log("Error while downloading image: ", error);
				return;
			}); 
		} else {
			throw new Error("image url not available");  				
		}

	})).then(() => {
		loading.dismiss();
		return [];
	});
}

Posts: 1

Participants: 1

Read full topic


Can't resolve all parameters for setupplatform

$
0
0

@stammroy wrote:

I need your help. What is wrong:

Uncaught Error: Can’t resolve all parameters for setupPlatform: (?, [object Object], [object Object]).

Here my package.json:
“dependencies”: {

"@angular/animations": "8.2.14",

"@angular/common": "8.2.14",

"@angular/compiler": "8.2.14",

"@angular/compiler-cli": "8.2.14",

"@angular/core": "8.2.14",

"@angular/forms": "8.2.14",

"@angular/http": "^7.2.16",

"@angular/platform-browser": "8.2.14",

"@angular/platform-browser-dynamic": "8.2.14",

"@angular/platform-server": "8.2.14",

"@angular/router": "8.2.14",

"@ionic-native/core": "~5.23.0",

"@ionic-native/native-audio": "^5.23.0",

"@ionic-native/onesignal": "^5.23.0",

"@ionic-native/splash-screen": "~5.23.0",

"@ionic-native/sqlite": "^5.23.0",

"@ionic-native/sqlite-porter": "^5.23.0",

"@ionic-native/status-bar": "~5.23.0",

"@ionic-native/web-intent": "^5.23.0",

"@ionic/angular": "^5.0.7",

"@ionic/storage": "2.2.0",

"@ngx-translate/core": "^12.1.2",

"@ngx-translate/http-loader": "^4.0.0",

"@stomp/ng2-stompjs": "^7.2.0",

"@swimlane/ngx-datatable": "^16.0.3",

"chart.js": "^2.9.3",

"com-darryncampbell-cordova-plugin-intent": "2.0.0",

"cordova-android": "^8.1.0",

"cordova-plugin-device": "^2.0.3",

"cordova-plugin-ionic-keyboard": "2.2.0",

"cordova-plugin-ionic-webview": "4.1.3",

"cordova-plugin-nativeaudio": "^3.0.9",

"cordova-plugin-splashscreen": "5.0.3",

"cordova-plugin-statusbar": "2.4.3",

"cordova-plugin-whitelist": "1.3.4",

"cordova-sqlite-storage": "5.0.0",

"ionic-angular": "3.9.9",

"ionicons": "^4.6.4-1",

"linkifyjs": "^2.1.9",

"onesignal-cordova-plugin": "2.8.4",

"onesignal-push-icon": "^0.1.1",

"rxjs": "~6.4.0",

"rxjs-compat": "^6.5.4",

"sw-toolbox": "3.6.0",

"uk.co.workingedge.cordova.plugin.sqliteporter": "^1.1.1",

"zone.js": "0.10.3"

},

“devDependencies”: {

"@ionic/app-scripts": "^3.2.4",

"copyfiles": "^2.2.0",

"typescript": "^3.8.3",

"cordova-plugin-console": "^1.1.0",

"ionic-plugin-keyboard": "^2.2.1",

"cordova-plugin-x-toast": "^2.7.2",

"cordova-plugin-background-mode": "~0.7.3"

},

Posts: 1

Participants: 1

Read full topic

Open specific page when app is not running

$
0
0

@divyasmehta wrote:

I am creating a voip app. I am sending a FCM push notification to my ionic app when there is a new call instantiated. I want to show my call’s screen when notification is received.
I am stuck in this issue and didn’t find any solution.
Can someone help me with this? How can I open the app and show the call’s page with a ringtone in incoming push notification?
Any help will be really appreciated. Thanks!

Posts: 1

Participants: 1

Read full topic

Feat: picker component, Multiple tab design and Ionic calendar

$
0
0

@indraraj26 wrote:

Go to below link and thumbs up Guys if you want this components/styles to be in core ionic

Picker Component

Ionic Calendar

Multiple Tab Design

Thank you.

Posts: 1

Participants: 1

Read full topic

Ionic 4: CORS issue

$
0
0

@venkateshb wrote:

I am using a reverse proxy from serverside, and we have multiple servers(Environments).
I have configured these below rule to access My servers API’s

Header always set Access-Control-Allow-Headers "X-Requested-With, X-HTTP-Method-Override, Accept, x-forwarded-user, workspacekey, upgrade-insecure-requests, csrf-token, Access-Control-Allow-Origin, cookie, Content-Type, lazyupdate, x-http-method, X-Requested-With, normalizednames, headers"
Header always set Access-Control-Allow-Credentials "true"
Header always set Access-Control-Allow-Origin *

I tried below example to access proxy URLs to resolved CORS issue: but no use.

https://ionicframework.com/blog/handling-cors-issues-in-ionic/
its throwing below error:

Access to XMLHttpRequest at 'https://ionicabc.com/getUserinitContext?_dc=1585750583523&$format=JSON' from origin 'http://localhost:8100' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

Code of http call:
Headers that i am inclding while API call:

const headers = {
            'Content-Type': 'application/json; charset=UTF-8',
            'Accept': '*/*',
            'X-Requested-With': 'XMLHttpRequest',
            'isMobileApp': 'true',
            'x-http-method': 'MERGE'
        };

const options = { headers, observe: 'response' as 'body' };
return this.httpClient.get(url, options)
            .map(this._mapResponse)
            .catch(err => this.onError(err))
            .do(response => this.onSuccess(response));

Note: We have a VPAT team which says allowing localhost in the server can cause severe security issue, so we are not allowing specific to localhost in the “Access-Control-Allow-Origin Header”.

Help will be appriciated.

Posts: 1

Participants: 1

Read full topic

Ionic View with Vue project?

$
0
0

@ancor wrote:

Hi there!

I am testing with ionic-vue but I cannot find a way to launch my app to the ionic view application. Is it possible to do it?

Thanks greetings.

Posts: 1

Participants: 1

Read full topic

Viewing all 49526 articles
Browse latest View live