Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70435 articles
Browse latest View live

Update componentProps Parameters

$
0
0

@MhmdKorhani wrote:

I have already passed some parameters within componentProps, but is cannot update these parameters dynamicaly is there any way to do that?

    const loading = await this.modalCtrl.create({
      component: LoadingModalComponent,
      animated: false,
      showBackdrop: true,
      backdropDismiss: false,
      componentProps: {
        Upload: Upload,
        Message: Message
      }
    });

    await loading.present();

I am trying to change the upload parameter when i get data from the server by using the following method:

loading.componentProps.Update = true;

But it is not woking.
Any Suggestions??
Thank youu

Posts: 2

Participants: 2

Read full topic


Execute script during install/serve

$
0
0

@IonReactorX wrote:

Hello all

I’m using Ironic React with Capacitor.

Is ist possbile to execute Javascript during serve/install? I want to same text files with settings setup during the serve/install process. This should work on Android/IOS as well as on web.

Thanks and Regards

Posts: 1

Participants: 1

Read full topic

GoogleMaps Messing Up Modal on Ionic5

$
0
0

@iconio wrote:

Hey guys, I’m having issues with the GoogleMaps and the new ‘swipe to close’ modal.
My issue is that the class _gmaps_cdv_ that gets attached to the body by Google Maps is changing the background color to white. The effect looks to weird and bad.

I’ve tried pretty much everything…

  1. Removing the class once the modal gets loaded. That will make the map disappear and take whatever color I’ve set to the background.
  2. Removing the class once the modal gets loaded and attaching it again once the modal gets destroyed. Same result as previous
  3. Destroying the map on the ionViewWillLeave() and recreating using the ionViewWIllLoad(). Same result as previous.

Any tips? Is this a bug?

Thanks

Posts: 1

Participants: 1

Read full topic

Support of larger text sizes for a11y

$
0
0

@MMK050403 wrote:

Hello, does capacitor have a way to support larger text sizes? For example, by allowing pinch to zoom. I also noticed that dynamic type for app font sizes does not seem to be enabled for ios. Is there another way to accomplish getting adaptable font sizes for an ios app using capacitor? Thank you!

Posts: 1

Participants: 1

Read full topic

Master-detail splitpane with ionic 4/5

$
0
0

@Rasioc wrote:

I try to set up a master-detail view with split panes, in which both sides can be exchanged during navigation. I found this working for ionic-3 https://medium.com/@blewpri/master-detail-with-ionic-3-split-panes-866293608d47 but struggle at porting this to ionic 4.

<ion-split-pane 
    (ionChange)="navProxy.onSplitPaneChanged($event._visible)">
    <ion-nav [root]="masterPage" 
             #masterNav>
    </ion-nav>
    <ion-nav [root]="detailPage" 
             #detailNav main> 
    </ion-nav>
</ion-split-pane>

This is used for ionic-3 to set up 2 nav objects. How would this look for ionic 4/5 with angular routing now?

I found this https://github.com/MattiLehtinen/ionic4-split-pane-menu-sample/blob/c85ad4b818e4eaabc6cb94c7463b7433f5b0b680/src/app/menu/menu.page.html which sets up only the details page as navigatable page, while the menu is static. Looks like all examples are like this only. Is there some way?

Posts: 1

Participants: 1

Read full topic

Overlaying two pictures... difficulties

$
0
0

@AIBug wrote:

Hello! I’m trying to overlay two pictures. And though I can do this, I’m having trouble overlaying the picture that i actually want.

The page shows a profile picture and a background picture. The profile picture is taken from speaker.profilepic, but the background picture is a set picture. I want both of them to be from speaker.profilepic, but whenever i try to do this, it messes everything up.

Here is my code:

html

  <div class="speaker-background">
    <img [src]="speaker?.profilePic" [alt]="speaker?.name">
    <h2>{{speaker?.name}}</h2>
  </div>
  <div class="ion-padding speaker-detail">
    <p>{{speaker?.about}} Say hello on social media!</p>
    <hr>

scss

.speaker-background {
  position: relative;

  display: flex;

  padding-top: var(--ion-safe-area-top);

  align-items: center;
  justify-content: center;

  flex-direction: column;

  height: calc(250px + var(--ion-safe-area-top));

  background: center / cover url(/assets/img/pastorBackground.jpg) no-repeat;
}

.speaker-background img {
  width: 100px;
  border-radius: 120px;
  margin-top: calc(-1 * var(--ion-safe-area-top));
}

to recap… I’m trying to grab the background photo from speaker.profilePic also. Right now, it is just a set photo in the scss. Is there a way to do this?
Thanks in advance for taking a look :slight_smile:

Posts: 1

Participants: 1

Read full topic

ionViewWillLeave Cancel Navigation

$
0
0

@alokjkumar97 wrote:

I have a view with a form and an ion-back-button. I’d like to show an alert box which warns the user that their changes will not be saved when they select the back button. If they choose to cancel, is it possible to cancel the navigation at that point?

Something like this…

ionViewWillLeave() {

  if(this.formGroup.dirty) {
    const alert = await this.alertController.create({
      header: 'Confirm!',
      message: 'If you navigate away from this page, your changes will not be saved. Please press "Save" to save your changes.',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary',
          handler: () => {
            // Cancel navigation
          }
        }, {
          text: 'Okay',
        }
      ]
    });

    await alert.present();
  }
}

Posts: 1

Participants: 1

Read full topic

I try playing local device files using howlerjs but it does not playing. File not found error is shown if path is from externalRootDirectory. Any suggestions?


Background Geolocation Mode - PUT Request is not working

$
0
0

@juan9222 wrote:

Hi Ionic Community, I’m having a problem with Background Mode plugin:

the documentation says that I have to enable and configure the push message in background mode
I did that inside the constructor and that part of the code is working successfully. I get my push notification and It says that geolocation mode is working on background.

Finally I have this method that I think has the problem. It’s called getCurrentBackgroundPosition.

I don’t know how to call this event, in the documentation it says that I have to trigger the event this way
cordova.plugins.backgroundMode.on(‘EVENT’, function);

But when I find the method definition I get this

:

So I assume that it’s an observable and I had to subscribe to that method in order to obtain the data.

But neither my console.log or my post request to the database are not working here.

Thank you

Testing Platform: Android 8.1.0
Development OS: Mac OS Catalina
Cordova Version: 9.0.0 (cordova-lib@9.0.1)
Ionic CLI version: 6.2.0

Ionic:

Ionic CLI : 6.2.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 4.11.9
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 6 other plugins)

Utility:

cordova-res : not installed
native-run : 0.3.0

System:

NodeJS : v12.16.1 (/usr/local/bin/node)
npm : 6.14.1
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C504

Posts: 1

Participants: 1

Read full topic

Convert number to float on ngModelchange

$
0
0

@mehraj786 wrote:


hi how cam i show amount as 8.00 when i enter in textbox here i am using ngModelchange function
saceData(amount){
console.log(“amount=”,amount);// here i need to show 8.00 instead of 8 how to do
}

Posts: 1

Participants: 1

Read full topic

Error when installed FCM plugin

$
0
0

@Galilo wrote:

I am trying to use push notifications ( firebase cloud messages), following this tutorial (here),
I have installed the plugin ( ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updated, then npm install @ionic-native/fcm) then tried ionic cordova run android. And faced the following error:

Task :app:transformDexArchiveWithExternalLibsDexMergerForDebug FAILEDD8: Cannot fit requested classes in a single dex file (# methods: 106004 > 65536)

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:transformDexArchiveWithExternalLibsDexMergerForDebug’.

com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives:
The number of method references in a .dex file cannot exceed 64K.
Learn how to resolve this issue at https://developer.android.com/tools/building/multidex.html

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

BUILD FAILED in 35s

36 actionable tasks: 36 executed
E:\Projects\DeliveryFamily-11-4-2020-START\platforms\android\gradlew: Command failed with exit code 1 Error output:
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
D8: Cannot fit requested classes in a single dex file (# methods: 106004 > 65536)

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:transformDexArchiveWithExternalLibsDexMergerForDebug’.

com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives:
The number of method references in a .dex file cannot exceed 64K.
Learn how to resolve this issue at https://developer.android.com/tools/building/multidex.html

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

BUILD FAILED in 35s

And this is my package.json file:

"dependencies": {

    "@angular/common": "~8.1.2",

    "@angular/compiler": "~8.1.2",

    "@angular/core": "~8.1.2",

    "@angular/fire": "^5.2.3",

    "@angular/forms": "~8.1.2",

    "@angular/platform-browser": "~8.1.2",

    "@angular/platform-browser-dynamic": "~8.1.2",

    "@angular/router": "~8.1.2",

    "@capacitor/core": "1.2.1",

    "@ionic-native/camera": "^5.16.0",

    "@ionic-native/clipboard": "^5.22.0",

    "@ionic-native/core": "^5.16.0",

    "@ionic-native/crop": "^5.16.0",

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

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

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

    "@ionic-native/file-path": "^5.16.0",

    "@ionic-native/firebase": "^5.22.0",

    "@ionic-native/globalization": "^5.0.0",

    "@ionic-native/google-plus": "^5.23.0",

    "@ionic-native/image-picker": "^5.16.0",

    "@ionic-native/ionic-webview": "^5.16.0",

    "@ionic-native/splash-screen": "^5.16.0",

    "@ionic-native/status-bar": "^5.16.0",

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

    "@ionic/storage": "^2.2.0",

    "@ngrx/effects": "^8.5.1",

    "@ngrx/entity": "^8.5.1",

    "@ngrx/store": "^8.5.1",

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

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

    "angularfire": "^2.3.0",

    "cordova-android": "^8.1.0",

    "cordova-clipboard": "^1.3.0",

    "cordova-plugin-androidx": "^1.0.2",

    "cordova-plugin-androidx-adapter": "^1.1.0",

    "cordova-plugin-browsertab": "^0.2.0",

    "cordova-plugin-buildinfo": "^4.0.0",

    "cordova-plugin-camera": "^4.1.0",

    "cordova-plugin-compat": "^1.2.0",

    "cordova-plugin-crop": "^0.4.0",

    "cordova-plugin-customurlscheme": "^5.0.1",

    "cordova-plugin-facebook4": "^6.4.0",

    "cordova-plugin-fcm-with-dependecy-updated": "^4.6.1",

    "cordova-plugin-file": "^6.0.2",

    "cordova-plugin-filepath": "^1.5.6",

    "cordova-plugin-firebasex": "^9.0.2-cli",

    "cordova-plugin-globalization": "^1.11.0",

    "cordova-plugin-googleplus": "8.4.0",

    "cordova-plugin-inappbrowser": "^3.2.0",

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

    "cordova-plugin-telerik-imagepicker": "^2.3.3",

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

    "cordova-universal-links-plugin": "^1.2.1",

    "cordova-universal-links-plugin-fix": "^1.2.1",

    "core-js": "^2.6.10",

    "firebase": "^6.6.2",

    "ngx-clipboard": "^12.3.0",

    "promise-polyfill": "8.1.3",

    "rxjs": "^6.5.3",

    "tslib": "^1.9.0",

    "zone.js": "~0.9.1"

  },

  "devDependencies": {

    "@angular-devkit/architect": "~0.801.2",

    "@angular-devkit/build-angular": "^0.803.24",

    "@angular-devkit/core": "~8.1.2",

    "@angular-devkit/schematics": "~8.1.2",

    "@angular/cli": "~8.1.2",

    "@angular/compiler": "~8.1.2",

    "@angular/compiler-cli": "~8.1.2",

    "@angular/language-service": "~8.1.2",

    "@capacitor/cli": "1.2.1",

    "@ionic/angular-toolkit": "~2.0.0",

    "@types/jasmine": "~3.3.8",

    "@types/jasminewd2": "^2.0.8",

    "@types/node": "~8.9.4",

    "codelyzer": "^5.2.0",

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

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

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

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

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

    "jasmine-core": "~3.4.0",

    "jasmine-spec-reporter": "~4.2.1",

    "karma": "^4.4.1",

    "karma-chrome-launcher": "~2.2.0",

    "karma-coverage-istanbul-reporter": "~2.0.1",

    "karma-jasmine": "~2.0.1",

    "karma-jasmine-html-reporter": "^1.4.0",

    "node-sass": "^4.13.1",

    "protractor": "~5.4.0",

    "ts-node": "~7.0.0",

    "tslint": "~5.15.0",

    "typescript": "~3.4.3"

  },

  "description": "An Ionic project",

  "cordova": {

    "plugins": {

      "cordova-plugin-camera": {

        "ANDROID_SUPPORT_V4_VERSION": "27.+"

      },

      "cordova-plugin-filepath": {},

      "cordova-plugin-telerik-imagepicker": {},

      "cordova-plugin-whitelist": {},

      "cordova-plugin-statusbar": {},

      "cordova-plugin-device": {},

      "cordova-plugin-splashscreen": {},

      "cordova-plugin-ionic-keyboard": {},

      "cordova-plugin-globalization": {},

      "cordova-plugin-ionic-webview": {

        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"

      },

      "cordova-clipboard": {},

      "cordova-plugin-crop": {},

      "cordova-sqlite-storage": {},

      "cordova-plugin-file": {},

      "cordova-plugin-facebook4": {

        "APP_ID": "1145978773456127",

        "APP_NAME": "The-Family-Delivery",

        "FACEBOOK_HYBRID_APP_EVENTS": "false",

        "FACEBOOK_ANDROID_SDK_VERSION": "5.13.0"

      },

      "cordova-plugin-buildinfo": {},

      "cordova-plugin-browsertab": {},

      "cordova-plugin-inappbrowser": {},

      "cordova-plugin-customurlscheme": {

        "URL_SCHEME": "........", // here email

        "ANDROID_SCHEME": " ",

        "ANDROID_HOST": " ",

        "ANDROID_PATHPREFIX": "/"

      },

      "cordova-plugin-googleplus": {

        "REVERSED_CLIENT_ID": ".........", //here the id

        "PLAY_SERVICES_VERSION": "15.0.1"

      },

      "cordova-plugin-fcm-with-dependecy-updated": {

        "FCM_VERSION": "19.0.0",

        "GRADLE_TOOLS_VERSION": "3.5.3",

        "GOOGLE_SERVICES_VERSION": "4.3.3",

        "SUPPORT_LIBRARY_VERSION": "28.0.0",

        "ANDROID_DEFAULT_NOTIFICATION_ICON": "@mipmap/ic_launcher"

      },

      "cordova-plugin-androidx": {},

      "cordova-plugin-androidx-adapter": {},

      "cordova-plugin-firebasex": {},

      "cordova-universal-links-plugin": {}

    },

    "platforms": [

      "android"

    ]

  }

}

I have tried this solution: here, but i dont know what to do with the curl command, not found.
I am new to ionic. Please show me a step by step solution to follow.
Thank u in advance.

Posts: 1

Participants: 1

Read full topic

InApp Browser stop loading the page

$
0
0

@bhamra wrote:

Hi,

i am trying to use InAppBrowser to open external links.

After importing InAppBrowser in module and ts file my page stop opening

Here is the code

html file

<span style="float: right" *ngIf="ex.file" (click)="open(ex.file)">View File</span>

new.page.ts file

import { InAppBrowser, InAppBrowserOptions } from '@ionic-native/in-app-browser/ngx';

export class NewPage implements OnInit {

options : InAppBrowserOptions = {
    location : 'yes',//Or 'no' 
    hidden : 'no', //Or  'yes'
    clearcache : 'yes',
    clearsessioncache : 'yes',
    zoom : 'yes',//Android only ,shows browser zoom controls 
    hardwareback : 'yes',
    mediaPlaybackRequiresUserAction : 'no',
    shouldPauseOnSuspend : 'no', //Android only 
    closebuttoncaption : 'Close', //iOS only
    disallowoverscroll : 'no', //iOS only 
    toolbar : 'yes', //iOS only 
    enableViewportScale : 'no', //iOS only 
    allowInlineMediaPlayback : 'no',//iOS only 
    presentationstyle : 'pagesheet',//iOS only 
    fullscreen : 'yes',//Windows only    
};

constructor(
    private iab: InAppBrowser
  ) {}

open(file)
  {
  		const browser = this.iab.create(file,'_blank',this.options);

        
  } 
}

new.module.ts

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

imports: [
    InAppBrowser,
    
  ],

without adding InAppBrowser page opens without any problem. but after adding InAppbrowser when i click on link to open the page nothing happens.

Please help.

Posts: 1

Participants: 1

Read full topic

How to dismiss LoadingController once method is executed in Ionic Angular app?

$
0
0

@Sweg wrote:

In my Ionic Angular app, I am creating a LoadingController in the below method:

Conversation-detail.page.ts:

onSendMessage() {
    this.loadingCtrl.create({
      message: 'Sending Message...'
    }).then(loadingEl => {
      loadingEl.present();
      this.conversationsService.addMessageToConversation(this.conversation.id, this.form.value.message);
    })
}

Once the LoadingController is presented, I want to execute this.conversationsService.addMessageToConversation(...)

Then once that method is executed successfully, I want to execute loadingEl.dismiss(), but I don’t know where to call this. It should only be dismissed if addMessageToConversation(...) is executed.

Can someone please tell me how I can resolve this?

Also, here is some of my other code (can provide more if required:

Conversations.service.ts:

addMessageToConversation(conversationId: string, message: string) {
    this.getConversationToAddMessage(conversationId).messages.push(this.createMessage(message));
  }

getConversationToAddMessage(id: string) {
    return this._conversations.getValue().find(conversation => conversation.id === id);
  }

Posts: 1

Participants: 1

Read full topic

Use ionic icons of v5 in ionic 4

Event subscription disappeared after upgrading to ionic 5

$
0
0

@Rashadab wrote:

I was using this to subscribe for a Topic in ionic 4. But now since it is no longer existing in ionic 5, I am wondering how to subscribe to a topic instead.

   this.event.subscribe('country:created', data => {
              this.countryName = data.country;
            });```

Posts: 1

Participants: 1

Read full topic


Appflow's eslint

$
0
0

@geshjosh wrote:

Can anyone share the eslint Appflow uses? it doesn’t seem to use the local one. So every time I try and build my project on AppFlow I get a lot of errors I wouldn’t otherwise get.

Thanks

Posts: 1

Participants: 1

Read full topic

Problem Checking Network Connection in Ionic 4

$
0
0

@YXUN wrote:

I am stuck. I tried various ways on POPPING A MESSAGE OUT when the user can’t get any access to the internet but none of them works for me.

Tried using the network plugin, fail and also navigator.Online, fail too.

Hence, I am humbly asking if anyone is kind enough and able to guide me on how to achieve it?

The main issue is I want to disable my iframe and pop a message when there is no internet access. very simple but yet I am struggling to achieve it.

Thanks in advance for any kind souls out there. Any advice and suggestion is great.

Posts: 2

Participants: 2

Read full topic

Image Detection

$
0
0

@franciscocab wrote:

Hi. I need some help, I want to add an image object detection module in my application. It should detect the object in the image and tell me the name. I want to avoid using Google Vision and others like it, but create my own model and use it in the application. This is possible?

Posts: 1

Participants: 1

Read full topic

Routing Problem to another view

$
0
0

@fabian1302 wrote:

Hello,

I have a problem by making an app with Login Page. I want to route from the Login Page to a Tabs Page.

I get the following error:
Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: ‘tabs/tab1’ noMatchError@http://localhost:8100/vendor.js:93839:25

In the login.page.ts (it is below) i made the navigation to the Tabs Page.
I tried a lot of problem solutions from google, ionic forum, etc. but none solve my problem.

Can someone help me please?

Thanks,
Fabian

This is my app-routing-module.ts:

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  {
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },{
    path: 'login',
    loadChildren: () => import('./login/login.module').then( m => m.LoginPageModule)
  },{
    path: 'tabs',
    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  }
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

This is my tabs-routing.module.ts:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'tab1',
        children: [
          {
            path: '',
            loadChildren: () =>
              import('../tab1/tab1.module').then(m => m.Tab1PageModule)
          }
        ]
      },
      {
        path: 'tab2',
        children: [
          {
            path: '',
            loadChildren: () =>
              import('../tab2/tab2.module').then(m => m.Tab2PageModule)
          }
        ]
      },
      {
        path: 'tab3',
        children: [
          {
            path: '',
            loadChildren: () =>
              import('../tab3/tab3.module').then(m => m.Tab3PageModule)
          }
        ]
      },
      {
        path: '',
        redirectTo: '/tabs/tab1',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/tab1',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class TabsPageRoutingModule {}

This is my login.page.html:

<ion-app>
  <ion-header>
    <ion-toolbar>
      <ion-title>login</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>

        <ion-item>
            <ion-label>Username</ion-label>
            <ion-input type="text" [(ngModel)]="username"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label>Password</ion-label>
          <ion-input type="password" [(ngModel)]="password"></ion-input>
      </ion-item>

    </ion-list>

    <ion-button fill="solid" color="dark" (click)="login()">Login</ion-button>
  </ion-content>
</ion-app>

And finally my login.page.ts:

import { Component } from '@angular/core';
import { Router } from "@angular/router";

@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',
  styleUrls: ['./login.page.scss'],
})
export class LoginPage {

  constructor(private router: Router) {}

  login(){
    this.router.navigateByUrl('/tabs') {
  }

}

Posts: 1

Participants: 1

Read full topic

registerBackButtonAction exit the app

$
0
0

@deathrake wrote:

hello experts,

I was trying registerBackButtonAction on my Exisitng app as well as on new blank app.
but the issue i was facing is that on pressingbackbutton it exits the app but when i minimize the app and then resume my app from recent task then the registerBackButtonAction works well.

this.plt.registerBackButtonAction(() => {
        console.log('Register Back Button works')
      },999);

Ionic Info

Ionic:

Ionic CLI : 5.4.16 (C:\Users\Fariha\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.9
@ionic/app-scripts : 3.2.4

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)

Utility:

cordova-res : 0.11.0
native-run (update available: 1.0.0) : 0.3.0

System:

NodeJS : v12.16.1 (C:\Program Files\nodejs\node.exe)
npm : 6.13.4
OS : Windows 10

Posts: 2

Participants: 2

Read full topic

Viewing all 70435 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>