Ionic Cordova unresponsive for a few seconds
I have a Ionic cordova app that has a screen with a list of clickable items that push a new page via the nav controller:
goToDetails(details) {
this.navCtrl.push(DetailsPage, {
"details": details,
"type": this.type,
"userId": this.getSelectedUserId()
}, { animate: true, direction: 'left' });
}
This page has an ion-navbar at the top with a back button. When the back button is clicked, it goes back to the first screen and then the app becomes unresponsive for a few seconds. If you tap to go to the same or a different details page, the unresponsive state lasts longer. The more items in the list or the more times you go to a details page and back, the worse it gets.
There is no errors printed in the Xcode console. I can see that the CPU usage increase with every tap when in the frozen state. As soon as it is responsive again, the CPU usages falls back to normal.
Ionic Info:
ionic (Ionic CLI) : 4.2.1 (/usr/local/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.3.0 @ionic/app-scripts : 1.3.7
Cordova:
cordova (Cordova CLI) : 7.0.1
Cordova Platforms : android 6.2.3, browser 4.1.0, ios 4.5.2 Cordova Plugins : no whitelisted plugins (17 plugins total)
System:
Android SDK Tools : 26.1.1 (/app/Library/Android/sdk)
NodeJS : v8.6.0 (/usr/local/bin/node)
npm : 5.3.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
I also have a popover on the details page that is much slower to respond then previous builds in the past. I believe this may be related as well.
This does not occur on the Android or Browser platforms.
javascript ios angular cordova ionic-framework
asked Nov 23 '18 at 18:48
JamesJames
25112
add a comment |
I have a Ionic cordova app that has a screen with a list of clickable items that push a new page via the nav controller:
goToDetails(details) {
this.navCtrl.push(DetailsPage, {
"details": details,
"type": this.type,
"userId": this.getSelectedUserId()
}, { animate: true, direction: 'left' });
}
This page has an ion-navbar at the top with a back button. When the back button is clicked, it goes back to the first screen and then the app becomes unresponsive for a few seconds. If you tap to go to the same or a different details page, the unresponsive state lasts longer. The more items in the list or the more times you go to a details page and back, the worse it gets.
There is no errors printed in the Xcode console. I can see that the CPU usage increase with every tap when in the frozen state. As soon as it is responsive again, the CPU usages falls back to normal.
Ionic Info:
ionic (Ionic CLI) : 4.2.1 (/usr/local/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.3.0 @ionic/app-scripts : 1.3.7
Cordova:
cordova (Cordova CLI) : 7.0.1
Cordova Platforms : android 6.2.3, browser 4.1.0, ios 4.5.2 Cordova Plugins : no whitelisted plugins (17 plugins total)
System:
Android SDK Tools : 26.1.1 (/app/Library/Android/sdk)
NodeJS : v8.6.0 (/usr/local/bin/node)
npm : 5.3.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
I also have a popover on the details page that is much slower to respond then previous builds in the past. I believe this may be related as well.
This does not occur on the Android or Browser platforms.
javascript ios angular cordova ionic-framework
asked Nov 23 '18 at 18:48
JamesJames
25112
It seems not to be related to the back button at all but the way I an looping through an array of objects on the first screen.
– James
Dec 10 '18 at 14:56
add a comment |
I have a Ionic cordova app that has a screen with a list of clickable items that push a new page via the nav controller:
goToDetails(details) {
this.navCtrl.push(DetailsPage, {
"details": details,
"type": this.type,
"userId": this.getSelectedUserId()
}, { animate: true, direction: 'left' });
}
This page has an ion-navbar at the top with a back button. When the back button is clicked, it goes back to the first screen and then the app becomes unresponsive for a few seconds. If you tap to go to the same or a different details page, the unresponsive state lasts longer. The more items in the list or the more times you go to a details page and back, the worse it gets.
There is no errors printed in the Xcode console. I can see that the CPU usage increase with every tap when in the frozen state. As soon as it is responsive again, the CPU usages falls back to normal.
Ionic Info:
ionic (Ionic CLI) : 4.2.1 (/usr/local/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.3.0 @ionic/app-scripts : 1.3.7
Cordova:
cordova (Cordova CLI) : 7.0.1
Cordova Platforms : android 6.2.3, browser 4.1.0, ios 4.5.2 Cordova Plugins : no whitelisted plugins (17 plugins total)
System:
Android SDK Tools : 26.1.1 (/app/Library/Android/sdk)
NodeJS : v8.6.0 (/usr/local/bin/node)
npm : 5.3.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
I also have a popover on the details page that is much slower to respond then previous builds in the past. I believe this may be related as well.
This does not occur on the Android or Browser platforms.
javascript ios angular cordova ionic-framework
asked Nov 23 '18 at 18:48
JamesJames
25112
I have a Ionic cordova app that has a screen with a list of clickable items that push a new page via the nav controller:
goToDetails(details) {
this.navCtrl.push(DetailsPage, {
"details": details,
"type": this.type,
"userId": this.getSelectedUserId()
}, { animate: true, direction: 'left' });
}
This page has an ion-navbar at the top with a back button. When the back button is clicked, it goes back to the first screen and then the app becomes unresponsive for a few seconds. If you tap to go to the same or a different details page, the unresponsive state lasts longer. The more items in the list or the more times you go to a details page and back, the worse it gets.
There is no errors printed in the Xcode console. I can see that the CPU usage increase with every tap when in the frozen state. As soon as it is responsive again, the CPU usages falls back to normal.
Ionic Info:
ionic (Ionic CLI) : 4.2.1 (/usr/local/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.3.0 @ionic/app-scripts : 1.3.7
Cordova:
cordova (Cordova CLI) : 7.0.1
Cordova Platforms : android 6.2.3, browser 4.1.0, ios 4.5.2 Cordova Plugins : no whitelisted plugins (17 plugins total)
System:
Android SDK Tools : 26.1.1 (/app/Library/Android/sdk)
NodeJS : v8.6.0 (/usr/local/bin/node)
npm : 5.3.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
I also have a popover on the details page that is much slower to respond then previous builds in the past. I believe this may be related as well.
This does not occur on the Android or Browser platforms.
javascript ios angular cordova ionic-framework
javascript ios angular cordova ionic-framework
asked Nov 23 '18 at 18:48
JamesJames
25112
asked Nov 23 '18 at 18:48
JamesJames
25112
asked Nov 23 '18 at 18:48
JamesJames
25112
asked Nov 23 '18 at 18:48
JamesJames
25112
asked Nov 23 '18 at 18:48
JamesJames
25112
25112
It seems not to be related to the back button at all but the way I an looping through an array of objects on the first screen.
– James
Dec 10 '18 at 14:56
add a comment |
It seems not to be related to the back button at all but the way I an looping through an array of objects on the first screen.
– James
Dec 10 '18 at 14:56
It seems not to be related to the back button at all but the way I an looping through an array of objects on the first screen.
– James
Dec 10 '18 at 14:56
It seems not to be related to the back button at all but the way I an looping through an array of objects on the first screen.
– James
Dec 10 '18 at 14:56
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53451664%2fionic-cordova-unresponsive-for-a-few-seconds%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53451664%2fionic-cordova-unresponsive-for-a-few-seconds%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
It seems not to be related to the back button at all but the way I an looping through an array of objects on the first screen.
– James
Dec 10 '18 at 14:56