I have several navigation pages that go several levels deep. Each time the user navigates to another page, an additional Back button is added to the top.
Navigation.PushAsync(new NavigationPage(new SettingsPage()));
Do I have to manually turn off the navigation bar prior to Pushing the new page or is there some type of setting for this?
Thanks.
Like Sushi mentioned in the comment, you're already in navigation page, you do not have to push a new NavigationPage every time.
Just use:
Navigation.PushAsync(new SettingsPage());
You can read more about navigation in Xamarin.Forms here: https://developer.xamarin.com/guides/xamarin-forms/user-interface/navigation/hierarchical/
Related
I am creating an application in Xamarin Forms (4.0) for Android (Android 8.1).
My main page is a MasterDetailPage where I set the detail page to:
this.Detail = new NavigationPage(new SomePage());
When I want to navigate the detail to another page (so that the 'back' button works correctly) I just do:
this.Detail.Navigation.PushAsync(new NavigationPage(new SomeOtherPage());
This all works fine but I am left with an additionl navigation bar with the back button:
If I do NavigationPage.SetHasBackButton(this, false); the back button goes away but the navigation bar is left so I have a big blue rectangle on top of my page. If I do NavigationPage.SetHasNavigationBar(this, false); then both the navigation bar and the titlebar (with hamburger menu) dissappear! Is there a way to just hide the navigation bar with the back button but leave the master/detail title bar (with hamburger menu)?
It seems that the way I've tried to make it work is not really supported by Xamarin Forms. If you navigate the Detail away to another page you effectively loose access to the Master part of the MasterDetailPage (at least on some devices). My attempt to avoid this by wrapping the target Detail page into another NavigationPage works in the Emulator but that is simply by accident.
you only need one instance of NavigationPage
this.Detail.Navigation.PushAsync(new SomeOtherPage());
You can assign the new MasterDetailPage to the root and then handle back pressed. As this isn't suppose to work you must hack a bit.
Make sure that your MainPage is set only to MasterDetailPage.
Once, I had a case that somebody did something like this:
MainPage = new NavigationPage(new MasterDetailPage());
Of course, it should be defined like:
MainPage = new MasterDetailPage();
Then, your DetailPage should be defined only once as it follows:
Detail = new NavigationPage(new MyPage());
I am using master detail page. In iOS when I click hamburger icon the master page slides the detail page to right in iOS. I want when we click on hamburger icon the master page should come over detail page like in android. The detail page should not slide to right, it should stable and Master page should overlap it in ios. In android its working fine. How can I achieve it in ios also?
In your Master Detail Page Xaml or CS file you need to set the attribute MasterBehaviour to be equal to the type Popover.
You must then on pressing the hamburger icon change the IsPresented variable from false to true or the reverse if you would like to slide the drawer out or back in.
Xamarin.Forms currently (v3.40) have a pretty terrible implementation of the MasterDetailPage I have raised issues on GitHub and I am currently working on a pull request to fix their bugs for them.
I'm using prism and had a MasterDetailPage with some pages that is accessible from that. But, in some of this pages, I can navigate to other pages that is not accessible from the MasterPageDetail Menu, but menu is still accessible with sliding action. I'll post some prints to try explain.
That's is a page that is accessible from MasterPageDetailMenu
When the user is accessing this page, he can access the MasterPageDetail Menu. But if the user select an item of the list or click in "Plus" Floating Button, the app navigate to other Page where MasterPageDetail Menu shouldn't be accessible.
But, as you can see on the next image, if the user slide the page from the left to right, the MasterPageDetail Menu is still accessible
How can I avoid this behaviour?
In the App class, my code for navigate to MasterPageDetail is:
await NavigationService.NavigateAsync("Menu/Navigation/TipoItensCardapio")
In this case, menu is my MasterPagelDetail.
The code for navigate from TipoItensCardapio page to the second page is:
NavigationService.NavigateAsync("TipoItemCardapioEdit");
If you intend for a specific page to not allow the drawer to be swiped out it sounds like you should probably be pushing it as a Modal instead of a normal Page. For example:
await Navigation.PushModalAsync(new YourPage());
For more info about Xamarin.Forms modals I'd check out the docs
I am using Prism for Xamarin Forms application development.
May be because I am new to both Prism and Xamarin Froms because of which I am facing a basic issue with the navigation.
Let me start with the details of my implementation and then the issue at hand.
I have a MasterDetail Page (named Home) which is my main page.
There are a few menu items in the Master Page. One of them is Partner.
On Click of Partner menu item, NavigationService.NavigateAsync("Navigation/Partner") method is called. Where "NavigationService" is of type "INavigationService".
This opens a page called "Partner" which is a tabbed page (TabbedPage). The first tab is a contentpage called "PartnerAll".
PartnerAll page contains a listview. On click of a list view item, a new page is opened "PartnerDetails" by calling NavigationService.NavigateAsync("Navigation/PartnerDetails", parameters, false, true);
On PartnerDetails page, I have added a toolbaritem called "Cancel".
Issue: When "PartnerDetails" page opens up, "Cancel" item shows up twice, as shown in the screenshot:
screenshot of partner details page with two cancel buttons
Where is it I am going wrong. What should I do to make it work?
Please assist.
Best regards, Ankur Jain
You’re pushing two NavigationPage’s onto the Navigation Stack. This would result in two Navigation bars. You can see in your screenshot you have both a back and a hamburger menu icon.
You should just pass in the identifier string for your destination page, instead of pushing another instance of the NavigationPage onto the stack
do it like so NavigationService.NavigateAsync(PartnerDetails);
I am using Xamarin Forms with Prism. How do you navigate from the MasterDetail.Master to a ContentPage that is not part of the MasterDetail (that is, I don't want to just update the detail and continue to be part of the Master/Detail relationship)? The use case is like the Gmail app when you click on Settings from the Hamburger menu. It takes you out of the Master/Detail and you are now in a NavigationPage/ContentPage with a back button to get back to the MasterDetail page.
If you were not using Prism you could go to the Detail page and do a Navigation.PushAsync from there:
var mdp = Application.Current.MainPage as MasterDetailPage;
mdp.IsPresented = false;
await mdp.Detail.Navigation.PushAsync(new ContentPage2());
But I don't see how to do this using Prism navigation.
-Steve
Assuming your Application.Current.MainPage is a MasterDetailPage. Current Detail in the MasterDetailPage is NavigationPage(new ContentPage1()).
In your ContentPage1, you have 2 options to navigate to ContentPage2:
Option 1: Show ContentPage2 in current navigation stack
You will be pushing ContentPage2 into the same Navigation stack of ContentPage1. Back button in navigation bar will be added automatically.
// Call this code in ContentPage1
_navigationService.PushAsync("ContentPage2");
Option 2: Show ContentPage2 modally
You are presenting the page modally and in a completely new navigation stack. You will need to add Back button in the NavigationBar and handle the click event with your own code.
// Call this code in ContentPage1
_navigationService.PushAsync("NavigationPage/ContentPage2", null, true);