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

Question

我在离子侧面菜单中创建我的项目,我的项目结构是这样的

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

2)打开屏幕,有项目列表

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

4)显示项目列表

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

Answer 1

我和你有完全相同的问题.空白差距是由于离子中新的"Swipe To Go Back"功能(参见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>

希望有所帮助!