Wie man die Navigation zwischen Seiten mit Swipe-Gesten in Nativescript implementiert

Question

Ich möchte die Navigation zwischen den Seiten ähnlich wie mit dem TabView durch Streichen nach links oder rechts erfolgen. Wischengesten scheinen jedoch weder für die Seitenebene noch für ein Layout, das sich über den gesamten Bildschirm erstreckt, ausgelöst zu werden. Das TabView selbst ist nicht nützlich, da ich eine große Sammlung von Elementen habe, durch die der Benutzer scrollen könnte, und ich brauche nicht mehrere Registerkarten, um auf dem Bildschirm angezeigt zu werden.

Kann jemand dies in Nativescript implementieren?

Answer 1

Hallo zu StackOverflow und NatieScript! Layout-Element auf dem gesamten Bildschirm ist eine Arbeitsoption.

Zum Beispiel:

// 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;