Master Detail Page on the right side using Xamarin.Forms

问题

I've created a master detail page on the left side using Xamarin.Forms, how about creating the same for the right side?

Below is my sample code for the left slider menu;

public class App
{
    static MasterDetailPage MDPage;

    public static Page GetMainPage()
    {
        return MDPage = new MasterDetailPage {
            Master = new ContentPage {
                Title = "Master",
                BackgroundColor = Color.Silver,
                Icon = Device.OS == TargetPlatform.iOS ? "menu.png" : null,
                Content = new StackLayout {
                    Padding = new Thickness(5, 50),
                    Children = { Link("A"), Link("B"), Link("C") }
                },
            },
            Detail = new NavigationPage(new ContentPage {
                Title = "A",
                Content = new Label { Text = "A" }
            }),
        };
    }

    static Button Link(string name)
    {
        var button = new Button {
            Text = name,
            BackgroundColor = Color.FromRgb(0.9, 0.9, 0.9)
        };
        button.Clicked += delegate {
            MDPage.Detail = new NavigationPage(new ContentPage {
                Title = name,
                Content = new Label { Text = name }
            });
            MDPage.IsPresented = false;
        };
        return button;
    }
}

回答1:

This does not exists in the Xamarin.Forms controls set, but you can create your own, with renderers for each platform.

You'll find the required information on http://developer.xamarin.com/guides/cross-platform/xamarin-forms/custom-renderer/

回答2:

Solution here

this is now supported in xamarin forms 3.0 and up, NO custom renderers needed !! or third party libraries.

the trick is to force the layout to RTL, while flow direction works, its hard to make the top nav bar to follow, below is the solution for that problem, it works... let me know if you face any issues on older ios versions IOS8 and less.

xamarin forms RTL master details page with icon RTL/LTR hamburger