Nativescriptでスワイプジェスチャーを使用してページ間のナビゲーションを実装する方法

Question

左または右にスワイプすることによってTabViewで行われるようなページ間のナビゲーションを実装したいと思います。ただし、スワイプジェスチャーは、ページレベルでも、画面全体にまたがるレイアウトでも発生しないようです。ユーザーがスクロールすることができるアイテムの大量のコレクションがあるので、TabView自体は役に立ちません。また、画面に表示するタブの束を必要としません。

Nativescriptでこれを実装する方法を知っている人はいますか？

Answer 1

Hello to StackOverflowとNatieScript！画面全体のレイアウト要素は動作可能なオプションです。例えば

：

// main-page.xml 
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:drawer="nativescript-telerik-ui/sidedrawer" navigatingTo="navigatingTo" loaded="onLoaded"> 
    <StackLayout id="swipable"> 
     <Label text="Swipe to nabigate to next" textWrap="true" /> 
    </StackLayout> 
</Page> 

// main-page.js 
var stackModule = require("ui/layouts/stack-layout"); 
var gestures = require("ui/gestures"); 
var frameModule = require("ui/frame"); 
function onLoaded(args) { 
    var page = args.object; 

    var myStack = page.getViewById("swipable"); 
    myStack.on(gestures.GestureTypes.swipe, function (args) { 
     frameModule.topmost().navigate({ 
      moduleName: "next-page" 
     }); 
    }); 
} 
exports.onLoaded = onLoaded;