如何使用依赖注入在 Xamarin.Forms 中实现 Flyoutnavigation

Question

我将如何使用依赖注入来为我的 iOS 项目使用 Flyoutnavigation。

我决定坚持使用 Android 的默认 MasterDetailPage，因为它看起来不像 iOS 那样糟糕。

这是我到目前为止所做的：

在 PCL 中

IMainPage.cs：

public interface IMainPage
{
    Page GetMainPage();
}

App.cs：

public partial class App : Application
{
    public App()
    {
        MainPage = DependencyService.Get<IMainPage>().GetMainPage();
    }

    protected override void OnStart()
    {
        // Handle when your app starts
    }

    protected override void OnSleep()
    {
        // Handle when your app sleeps
    }

    protected override void OnResume()
    {
        // Handle when your app resumes
    }
}

在 Android 中

MainPage_Android.cs：

[assembly: Xamarin.Forms.Dependency(typeof(MainPage_Android))]
namespace ProjectName.Droid
{
    public class MainPage_Android : MasterDetailPage, IMainPage
    {
        private NavigationPage detail;
        private MasterPage master;

        public Page GetMainPage()
        {
            MasterDetailPage mdp = new MasterDetailPage();

            //Master
            master = new MasterPage();
            MasterBehavior = MasterBehavior.Popover;
            mdp.Master = master;

            //Detail
            detail = new NavigationPage(new Home())
            {
                BarBackgroundColor = Color.FromHex("#01A0E1"),
                BarTextColor = Color.White
            };
            mdp.Detail = detail;

            return mdp;
        }
    }
}

在 iOS 中

• 我卡在这里了。如何使用 Flyoutnavigation 返回页面？

Answer 1

如果您想在 Android 上使用默认样式，在 iOS 上使用自定义样式，您可以尝试在 iOS 上为 MasterDetailPage 制作自定义渲染器。然后嵌入您的Flyoutnavigation。

这是我的 iPad 渲染器：

[assembly: ExportRenderer(typeof(MainPage), typeof(MainPageRenderer))]
namespace FlyoutNavigationDemo.iOS
{
    public class MainPageRenderer : TabletMasterDetailRenderer
    { 
         //put your Flyoutnavigation's code here
    }
}

由于Flyoutnavigation 的代码太多。我给你做了一个小样，你可以参考here了解更多详情。