已关闭。此问题需要更多focused。目前不接受回答。
**要改进此问题吗？**更新此问题，使其仅针对editing this post的一个问题。

3天前关闭。
此帖子已于2天前编辑并提交审核，未能重新打开帖子：
原始关闭原因未解决
Improve this question的
我需要有关如何为各种设备（如手机，平板电脑和台式机）设计带有导航的响应式UI的帮助。
例如，在手机屏幕设计中，我有两个屏幕：一个用户列表屏幕和一个聊天屏幕。当用户使用Navigator.push点击用户列表项时，这两个屏幕之间的导航就会发生。
现在，我需要调整平板电脑和台式机的设计，它们提供了更多的屏幕空间。在这些更大的布局中，用户列表和用户聊天屏幕将显示在同一屏幕上。挑战在于确定布局应该如何设计，以及当用户点击用户列表项时，导航将如何工作，打开相应的聊天屏幕。
下面是手机设计的例子-x1c 0d1x
以下是平板电脑和桌面设计

的示例

• 注意：如果有，请用伪代码代替实际代码提供答案。*