Showing different toolbar buttons on each page with Xamarin Forms

Question

I have 2 pages in my Xamarin Forms app. My first page has 4 icons in the toolbar. My second page is a login page and has a tick and a cross in the toolbar.

I can\'t

Answer 1

One option that you have, and one that I implemented in my own app, is a custom renderer that removes the navigation header from the app and then you could build your own custom header. With this approach, you do lose some of the native feel of the app, and you have to implement much of the transitional functionality your self. However, it gives you alot more control over the look.

CustomRenderer that removes the navigationBar:

//add using statements

// add all view here that need this custom header, might be able to build a 
//base page that others inherit from, so that this will work on all pages.
[assembly: ExportRenderer(typeof(yourView), typeof(HeaderRenderer))] 

class HeaderRenderer : PageRenderer
{
    public override void ViewWillAppear(bool animated)
    {
        base.ViewWillAppear(animated);
        this.NavigationController.SetNavigationBarHidden(true, true);
    }
}

After this you can build a header view that can be placed on the top of every page (I am using xaml) so I don't know if it is relevant in you application.

Edit: You might need to change this renderer for differnt page types.

Answer 2

One thing you could try is to keep your Login Page inside of a NavigationPage, and then instead of running PopAsync() within the Login Page after they have logged in successfully, simply replace the MainPage with your old Navigation page:

In your App class:

public NavigationPage AppNavPage = new NavigationPage(new FirstPage());

public App() {
    MainPage = AppNavPage;
}

In your FirstPage:

private async void ShowLoginPage() {
    ToolbarItems.Clear();
    var page = new NavigationPage(new LoginPage());
    await Navigation.PushAsync(page);
}

In Login Page:

private async void OnCreateClicked(object sender, EventArgs e) {
    bool loginInfoIsGood = CheckLoginInfo(); //Check their login info

    if(loginInfoIsGood) {
        Application.Current.MainPage = App.AppNavPage;
    }
}

Otherwise, I have also done a custom renderer for the NavigationRenderer on iOS to insert toolbar items onto the right side of the Navigation Bar and have overridden some Menu related stuff on Android to change the icon text/colors.