tsonevn
commented
6 years ago Hi @abinici, Thank you for your interest in NativeScript.
This is something expected when using FrameModules in this way in NativeScirpt Angular 2 project.
Using frameModule for navigation is a concept used in NativeScirpt core project. Regarding this module, the purpose of goBack() method is to give you simple way to navigate to the previous page. In case you would like to make navigation in a pure NativeScirpt project, you should use navigate(<page_name>) method, where you should specify the page name.
In your case, when you are using NativeScript Angular 2 template, there is another way to making navigation. First of all to in this type of project you should use angular Router module or RouterExtensions, which extends the angular one. For example:
Navigate to another page.
import { Component, OnInit } from "@angular/core";
import { ActivatedRoute, Router } from "@angular/router";
import {RouterExtensions} from "nativescript-angular/router"
import frameModule = require("ui/frame");
@Component({
moduleId: module.id,
selector: "page4",
templateUrl: "./page4.component.html",
})
export class Page4Component implements OnInit {
constructor(
private route: ActivatedRoute,
private router: Router,
private routerExt:RouterExtensions
) {}
ngOnInit(): void {
}
goback() {
this.router.navigate(["page2"]);
}
}
Navigate to the previous page.
import { Component, OnInit } from "@angular/core";
import { ActivatedRoute, Router } from "@angular/router";
import {RouterExtensions} from "nativescript-angular/router"
import frameModule = require("ui/frame");
@Component({
moduleId: module.id,
selector: "page4",
templateUrl: "./page4.component.html",
})
export class Page4Component implements OnInit {
constructor(
private route: ActivatedRoute,
private router: Router,
private routerExt:RouterExtensions
) {}
ngOnInit(): void {
}
goback() {
this.routerExt.back();
}
}
For further info, you could also review the documentation.
FBorgonjen
ThunderAnimal
Tukkan
relez
Johanneke
AliKalkandelen
mat1th
james-wynne-dev
edusperoni
prabudevarrajan
From @abinici on March 21, 2017 20:39
Tell us about the problem
Lets say we have an app that consists of 4 pages, and lets name these pages page1, page2, page3 and page4. And lets say that we have navigated from page1 to page4, visiting page2 and page3 along the way.
Now, I wish to go back to page2 using
Frame.goBack(to: BackstackEntry)by looking up page2 this wayframeModule.topmost().backStack[1]. Then if I try to navigate to page3 nothing will happen. Navigating back to page1 works, but navigating forward still doesn't work.If, instead of navigating to page2, I navigate to page1 or page3, routing will not break.
Which platform(s) does your issue occur on?
Both
Please provide the following version numbers that your issue occurs with:
Please tell us how to recreate the issue in as much detail as possible.
I have created a sample app that reproduces this issue: https://github.com/abinici/ns-goback-issue
Copied from original issue: NativeScript/NativeScript#3848