I'm concerned about the flickering at the end of pushPage.

Asked 2 years ago, Updated 2 years ago, 123 views

Developed on AngularJS basis at Cordova & OnsenUI.

If you use OnsenUI's pushPage method for screen transition, the iOS device (iPhone6, iOS8) will cause flickering.

As a countermeasure, it comes with a prefix and
backface-visibility: hidden;
I have tried to configure , but the flickering is not suppressed.

Also, if it is run by css animation, there seems to be a way to make the translate 3D, but when I look at onsenui.js, it seems that it is transformed using translate 3D.

If anyone else knows how to suppress flickering, could you tell me?
Thank you for your cooperation.

-------------------------------------------------------------------------------

Excuse me for the postscript.

In this implementation, both transitions using pushPage and ons-toolbar using ons-back-button have flickering after transition.
However, it doesn't happen every time, but it's about a third of the time.

We will continue to look for ways to suppress it, so we will report it to you when it is resolved.
Please let me know if there is anyone who has already.
Thank you for your cooperation.

onsen-ui

2022-09-30 20:48

1 Answers

Is <ons-page> nested?Check the DOM structure with the developer tool.I've been suffering from the same problem for a long time, but when I discovered that <ons-page> was nested and resolved, the flickering during pushPage() and popPage() disappeared.


2022-09-30 20:48

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.