How to do push/pop page navigation within TabView

How do I perform push/pop page navigation within the tabview?  I don't need a navigation drawer but just standard push/pop page navigation within one of the tabs of our TabView.  

I have a tab view that has 4 tabs.  On the settings tab is a listview with 3 rows where each row represents a category of related settings.  Tapping on a row should navigate to the settings page for that category.   Does the TabView support this?  Thanks!




7 Replies

PA Paul Anderson S Syncfusion Team July 2, 2018 10:07 AM UTC

Hi Jaja Harris,

Thanks for using Syncfusion products.

Our TabView is a content control and each TabItem can hold or render a view content where as Xamarin TabbedPage is of type page. So due to this we cannot perform Push/Pop inside the TabItem to navigate different page[loading the settings page inside the TabItem] but can navigate to a non TabView page from a TabItem and using the back button can go back to the TabItem which can be done normally.

Please let us know if you have any concern.

Regards,
Paul Anderson


CH Christian January 22, 2019 08:38 PM UTC

when you say
"can navigate to a non TabView page from a TabItem and using the back button can go back to the TabItem which can be done normally."

How do you get this to work?  I'm trying to use:

     await Navigation.PushAsync(newContentPage);

from within a View in the TabView and it only queues up the pages like it can't find the navigation control in the tree.  If I pull the same navigation call outside of the TabView it works.

Just to confirm, I'm not trying to go to a different tab within the TabView.

Thanks


DR Dhanasekar R Syncfusion Team January 23, 2019 12:01 PM UTC

Hi Christian, 
 
We have created the SfTabView sample for your requirement in which we have added the button inside the tab item to navigate another page. Please have the sample for your reference from the below link. 
 
 
Please try our sample and let us know if you have any clarifications on this. 
 
Regards, 
Dhanasekar 



RR Rabii Rhrara September 27, 2020 03:16 AM UTC

Could someone please help show me how to accomplish this same problem using Prism library. Prism has a different way of handling navigation, and I am not successful at accomplishing this functionality working with Prism and  SfTabView. Thank you in advance!



SP Sakthivel Palaniyappan Syncfusion Team September 28, 2020 09:06 AM UTC

Hi Rabii,

We have analyzed your query and created sample with prism navigation, please find the sample from below.

Sample:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/TabViewPrism2078810435.zip

Please let us know if you have any other queries.

Regards,
Sakthivel P.




MM Md Mosabbir November 25, 2022 06:25 AM UTC

I am created a SfTabView inside tabview i add 4 tab , inside the tab i want to navigate another page with tabview, is it possible , if possible then please help how can i do . 



VV Vijayakumar Viswanathan Syncfusion Team December 9, 2022 09:49 AM UTC

Hi Mosabbir,

 

Query:  Inside the tab, I want to navigate to another page with Tabview, is it possible, if possible then please help how can I do this.

The SfTabView doesn't support the reported behavior. 

Since The SfTabView control is a ContentView control and it can only be added to a ContentPage. Due to this if we navigate to another page then the SfTabView will not be visible because it is a child of another page.

 

Regards,

Vijayakumar V


Loader.
Up arrow icon