React Native开发疑问：Modal还是全屏页面做错误/信息页？求建议

先看你的使用场景和交互需求 #

• 用Modal的情况：如果只是临时展示轻量提示（比如操作失败弹窗、简单的信息告知），选Modal更合适。它不需要额外路由，关闭后直接回到原页面，状态能直接从父组件传过来，交互逻辑简单。而且Modal是挂载在当前页面之上，不用跳路由，用户感知更连贯。
• 用全屏页面的情况：如果需要用户在这个页面做复杂操作（比如登录失效要重新登录、带详细排查步骤的错误页），就得用全屏页面。这类页面需要独立的路由栈，用户能通过返回键回到之前的流程，也方便加表单、多组按钮这类复杂元素。

关于你担心的性能问题 #

单独做全屏页面不会明显拖垮性能：

• 现在的React Navigation这类路由库都做了懒加载，没访问过的页面不会初始化，只有第一次进入才会加载组件。
• 只要合理优化组件（比如用React.memo避免不必要重渲染、控制状态更新范围），全屏页面的性能开销和Modal差不了多少。
• 要是你的应用开了代码分割，全屏页面还能单独打包，反而能减小初始包的体积。

额外小建议 #

• 不需要路由历史的全屏提示，优先Modal；需要多步操作或保留路由状态的，选全屏页面。
• 可以封装一个通用的Modal提示组件，各个场景直接复用；全屏页面则作为独立路由，通过导航参数传错误信息就行。

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