在Xamarin表单的选项卡式页面内实现主详细信息页面（使用Prism）

Question

我一直在尝试使用 Prism 创建 Xamarin Forms 应用，该应用在手机和平板电脑上均可使用。

对于平板电脑布局，我尝试创建与下面的草稿图像类似的内容，同时仍然从电话中重复使用Pages / ViewModels 。

我尝试过的事情：

• 使用一个TabbedPage，其中每个选项卡都包含一个MasterDetailPage。此解决方案有两个问题：

  1. Xamarin仅建议使用MasterDetailPage作为根页面
  2. 我设法实现了这种“解决方案”，但是可能是由于MasterDetailPage内部页面的xaml上方的原因未正确绑定到其ViewModels。

• 使用一个TabbedPage，其中每个选项卡都包含一个页面，该页面分为两个部分，每个部分都有一个ContentView ：

  1. 此解决方案有效，但我无法直接在布局上重复使用Phone版本的Page。
  2. 我确实尝试使用Prism Partial Views来实现此解决方案，但我认为父Page需要包含将由ContentView使用的ViewModel，在这种情况下将无法使用（因为它将包含两个视图模型。

• 未在手机和平​​板电脑之间共享Pages / ContentViews / ViewModels ：

  1. 该解决方案有效，因为我可以用ContentViews实现MasterDetailPage，但是没有代码共享页面/视图，它们基本上完成了完全相同的工作，因此这实际上并不理想。

有什么想法可以实现这种布局，同时仍然在手机和平​​板电脑实现之间共享视图和视图模型？

注意：此应用程序适用于使用Xamarin Forms 3.4和Prism 7.1的Android，iOS和UWP