Wie man von der aktuellen Seite zur selben Seite navigiert, um die Animation des Gleitens zu bekommen, wenn ich momentan zur selben Seite mit dem Rahmenmodul navigiere, zeigt es keine Animationen an sondern aktualisiert einfach den Inhalt der aktuellen Seite .Nativescript Navigation zur selben Seite
0
A
Antwort
2
Ich habe Ihr Szenario getestet und die Seitenübergänge sollten wie erwartet ausgeführt werden, während Sie zur aktuellen Seite navigieren, so wie es gemacht wird, während es für eine andere Seite gemacht wird. Ich füge Beispielcode bei. XML
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
<Page.actionBar>
<ActionBar title="My App" icon="" class="action-bar">
</ActionBar>
</Page.actionBar>
<StackLayout class="p-20">
<Label text="Tap the button" class="h1 text-center"/>
<Button text="TAP" tap="{{ onTap }}" class="btn btn-primary btn-active"/>
<Label text="{{ message }}" class="h2 text-center" textWrap="true"/>
<Button text="Navigate" tap="onTap2" class="btn btn-primary btn-active"/>
</StackLayout>
</Page>
Typoskript
import { EventData } from 'data/observable';
import { Page } from 'ui/page';
import { HelloWorldModel } from './main-view-model';
import {topmost} from "ui/frame"
export function navigatingTo(args: EventData) {
let page = <Page>args.object;
page.bindingContext = new HelloWorldModel();
}
export function onTap2(args){
var navigationEntry = {
moduleName: "main-page",
animated: true,
clearHistory:true,
transition: {
name: "slide",
duration: 380,
curve: "easeIn"
}
};
topmost().navigate(navigationEntry);
}
Im Projekt verwende ich auch clearHistory
, die in der App Geschichte Speichern der Navigation verhindert.
Verwandte Themen
- 1. Neue Seite zur selben Seite Bildlaufposition
- 2. Nativescript Navigation ist schrecklich langsam
- 3. ähnliche Produkte zur selben Seite anzeigen - WooCommerce
- 4. react-native-navigation-redux-helper navigation zur Login-Seite
- 5. navCtrl Navigation zur nächsten Seite ionic
- 6. Hinzufügen Blick auf NativeScript ActionBar bricht Navigation
- 7. Nativescript und Angular 2 Navigation Übergang
- 8. React-Router - Link zur selben Seite, die nicht auslöst unMount
- 9. Navigation zur Komponente onPress (React-Navigation) hinzufügen
- 10. Artikel zur Navigation hinzufügenView
- 11. ionischer android Zurück-Taste Navigation zur vorherigen Seite nicht funktioniert
- 12. Highcharts Exportzeit stoppen Navigation zur Demo-Seite mit angularjs?
- 13. Nativescript Angular Router 3.0.0-alpha.7 - Navigation Ausfall
- 14. Xamarin Forms-Seite Navigation
- 15. Eine Seite Navigation nicht
- 16. Formulare zur Bearbeitung an verschiedene Seiten senden oder zurück zur selben Seite?
- 17. Navigation auf neue Seite doesnot scroll top
- 18. Hinzufügen div zur Navigation - Wordpress
- 19. Anleitung zur Verwendung von ArrayList in Nativescript
- 20. Wie programmatisch Elemente zur nativescript Actionbar hinzufügen?
- 21. Seite zu Seite Navigation, NavigationService wird null
- 22. Gleiche Seite Navigation innerhalb einer JqueryMobile-Seite
- 23. Zur selben Route navigieren, die Komponente nicht aktualisieren?
- 24. htaccess alle Seiten zur selben Regel umschreiben
- 25. FullCalendar Wochenansicht 2 Termine zur selben Stunde?
- 26. Reagieren Navigation zur Navigation von Reduction Action-Datei
- 27. Xamarin Navigation mit Modal Seite
- 28. fullpage js - Navigation deaktivieren zurück zur Zielseite
- 29. Nativescript ListView lädt mehr auf Seite laden
- 30. Nativescript: außerhalb Seite Objekt erhalten Funktion
ist Ihre obige Typoskript-Datei main-page.ts? Wenn ja, zeigt das eine Animation des Rutschens? –
in der Tat der oben angefügte Code ist aus der Datei main-page.ts und der Übergang funktioniert wie erwartet beim Navigieren –
Ja, es funktioniert jetzt in mir, Und weiß nicht, was war der Fehler und danke :) –