ionic tabs project can't backstack correctly in android

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

After running tabs project on android, I click tab1 -> tab2 -> tab3, and then click back key, and page changed to tab3 -> tab2 -> tab1.

Expected Behavior

But the expected is that when l click back key, don’t change to previous tab, and when I click twice back keys, app return to device home. I had read Hardware Back Button, and I added it on app.component.ts, but it doesn’t work. And googlging for this, I saw this issue, but there isn’t useful ways.

Steps to Reproduce

The code simple repo is here, it’s same as the origin tabs project. Thx for any suggestions.

Code Reproduction URL

https://github.com/lcy19/tabs-demohttps://github.com/lcy19/tabs-demo

Ionic Info

Ionic:

Ionic CLI : 6.19.1 (C:\Users\lcy\AppData\Roaming\npm\node_modules@ionic\cli) Ionic Framework : @ionic/angular 6.1.8 @angular-devkit/build-angular : 13.2.6 @angular-devkit/schematics : 13.2.6 @angular/cli : 13.2.6 @ionic/angular-toolkit : 6.1.0

Cordova:

Cordova CLI : 11.0.0 Cordova Platforms : android 9.1.0 Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 3 other plugins)

Utility:

cordova-res : 0.15.4 native-run : 1.6.0

System:

Android SDK Tools : 26.1.1 (C:\Users\lcy\AppData\Local\Android\Sdk) NodeJS : v16.14.2 (D:\programs\nodejs\node.exe) npm : 8.5.0 OS : Windows 10

Additional Information

No response

[lcy19]

Thanks for your advice! I’ll try it.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.