Prism下如何按设备形态动态配置主从页主区与详情区页面加载？

迁移背景 #

• 原有应用基于MvvmCross框架开发，本次迁移至Prism的核心原因是原有MvvmCross实现会阻碍Intune能力的落地，无法满足安全合规要求
• 应用为邮件阅读器场景，基于MasterDetail页面架构实现，适配不同设备形态：主区域内容在手机端展示为Flyout弹出菜单，在平板端则作为分屏视图的固定左侧栏呈现

需复刻的原有交互逻辑 #

• 用户在主区域选中文件夹后的页面加载规则：手机端消息列表页面加载至详情区域；平板端消息列表页面加载至主区域
• 消息列表页面外层包裹独立导航页，支持用户执行返回文件夹列表的操作
• 平板端运行时，主区域与详情区域各自维护完全独立的导航栈

现有适配冲突 #

• 已实操调试Prism官方配套示例，发现现有示例并未覆盖该类灵活区域导航的场景
• Prism官方文档的通用建议为主区域仅放置固定内容，且该内容与主从页视图模型直接绑定，和当前根据设备形态灵活控制页面最终加载位置的实现逻辑存在明显差异

核心诉求 #

• 确认Prism框架下是否可实现根据设备形态将目标页面灵活加载至主区域或详情区域的能力
• 寻求可落地的相关实现参考

内容的提问来源于stack exchange，提问作者Andy Couzens