Ionic app上出现奇怪的闪烁,在iOS 9

时间:2015-10-20 15:24:10

标签: ios cordova ionic-framework ios9 iphone-5

我已经使用Phonegap和Ionic Framework创建了适用于Android和iOS的应用程序,完全适用于Android,但它在iOS上特别适用于iPhone 5和iPad(在iPhone 6和4上运行良好) )。

当您点击一个按钮进行后退按钮时,会显示后面的动画,但是会立即显示返回到按钮背面的部分。它只发生在一个部分,后部按钮完全适用于其他部分。

HTML元素如下:

<a class="button button-icon button-positive button-positive icon ion-arrow-left-c" ng-click="atras()">

所谓的函数是&#34; atras&#34;这是以下(位于模板的控制器中):

 $scope.atras = function() {
        $ionicHistory.goBack();
 };

知道我该如何解决这个问题?非常感谢您的回答!

3 个答案:

答案 0 :(得分:2)

具体来说,有一个基于iOS9构建的Ionic UIWebView的显着补丁。如果没有此补丁,当您点击导航栏中的某些后退按钮时,您将遇到此类闪烁问题。请为您的项目应用ngIOS9UIWebViewPatch,然后全部完成。

https://gist.github.com/IgorMinar/863acd413e3925bf282c

http://blog.ionic.io/ios-9-potential-breaking-change/

答案 1 :(得分:1)

Unfortunately iOS 9 has some bugs with with window.location that impact the router-ui and also some empty href links <a href="#"> like yours.

Take a look to these articles from Ionic's blog:

在那里,您可以找到iOS9 patch for angular的链接以及Disable App Transport Security in iOS 9

的链接

答案 2 :(得分:1)

添加这两个属性以防止闪烁效果:

-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;

也适用于未针对同一修复设置动画的闪烁元素。