滑动屏幕时离子侧菜单显示空白屏幕

Question

我在离子侧面菜单中创建我的项目，我的项目结构就像这样

1）我从项目中选择菜单项

2）打开屏幕，有项目列表

3）我再次从上面的项目中选择一项

4）显示项目列表

现在的问题是，当我的手指放在个人资料图片的左角，我要刷它，从左到右显示问题，它首先显示空白屏幕。当该空白屏幕进入主页面时，该菜单项无法正常工作。此问题仅在iOS上发现，而不是在Android中。

Answer 1

我和你有完全相同的问题。空白间隙是由于离子中的新“滑动返回”功能（参见http://blog.ionic.io/rc0-swipe-to-go-back/）。实际上，您的侧边菜单和当前视图之间显示的视图不是空的，而是历史记录中的最后一个视图。

使用此功能禁用应用中的“向后滑动”功能：

$ionicConfigProvider.views.swipeBackEnabled(false);

您可以将此代码放在如下的配置页面中：

var app = angular.module('config', ['ionic']);

app.config(function($ionicConfigProvider) {
      $ionicConfigProvider.views.swipeBackEnabled(false);
});

$ ionicConfigProvider文档：http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

此外，如果您只想在一个特定视图上禁用此 （请参阅离子网站上的指令ionView doc，遗憾的是，由于我的代表少于10个，因此我发布了超过2个链接） ：

<ion-view can-swipe-back="false">
    ...
<ion-view>

希望有所帮助！

Answer 2

当我在app.js - .config函数中设置缓存：“true”时会出现此问题。当我从.config函数中删除它时，它可以正常工作。但是如果要在这种情况下使用禁用缓存，请继续使用另一个答案或删除缓存。