向左滑动即可返回

Question

使用OnsenUI 1.10，有没有办法向左滑动以转到上一页？

使用OnsenUI，该应用程序看起来非常原生，但是，向左滑动的iOS 7手势对我的用户体验非常重要。

我看到了这个：http://www.idangero.us/framework7/dist/，用户可以向左滑动以转到上一页。 （在桌面环境中，您可以从左向右拖动）

有什么想法吗？

Answer 1

一种解决方案是使用Onsen UI中包含的Hammer。 您可以捕获手势并执行操作。 例如，

 ons.bootstrap();
 Hammer(window, {prevent_default:true} ).on("swiperight",function(event) { 
    if (myNavigator.getPages().length > 1) {
        myNavigator.popPage();
    }
 });

将myNavigator定义为

<ons-navigator title="Navigator" var="myNavigator" page="page1.html">
</ons-navigator> 

请注意，在上面的示例中，我们不使用AngularJS的Controller并直接访问Navigator。这是Onsen UI 1.1.0的新功能。